Neuron Powered Motorization
Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

mpvue-config-loader

0.1.3 • Public • Published

mpvue-config-loader

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

npm package npm downloads license juejin

安装

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' 以生成全局配置

Install

npm i mpvue-config-loader

DownloadsWeekly Downloads

24

Version

0.1.3

License

MIT

Unpacked Size

7.31 kB

Total Files

4

Last publish

Collaborators

  • avatar