mpvue-config-loader

mpvue 单文件页面配置，支持全局配置

安装

npm i mpvue-config-loader -D

使用

// webpack.base.conf.js
module.exports = {
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'mpvue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.vue$/,
        loader: 'mpvue-config-loader',
        exclude: [resolve('src/components')],
        options: {
          entry: './main.js'
        }
      },
      ...
    ]
  }
  ...
}

<script>
// src/app.vue
export default {
  config: {
    window: {
      navigationBarTitleText: '小程序标题'
    }
  },
  globalConfig: {
    usingComponents: [
      ...
    ]
  }
}
</script>

<script>
// src/xx/xxx.vue
export default {
  config: {
    navigationBarTitleText: '页面标题'
  }
}
</script>

Options

| property | type | required | describe | | :-: | :-: | :-: | :-: | | entry | string | false | 入口文件相对路径 | | transform | function | false | 自定义文件名转换函数 |

Tips

• config 属性会转换为一个 json 文件，故其中不可使用变量，如需动态修改配置请使用小程序官方的 API

• app.vue 文件的 globalConfig 属性会与页面配置进行合并，可实现全局引用原生组件

• 页面若无 config 属性，请指定 mpType: 'page' 以生成全局配置