uni-plugin-light

uni-app相关插件，包括

• 依赖分析
• JS分发
• 组件分发
• npm包打包失败修复
• 生成版本号
• rem转rpx
• appId替换
• 拷贝本地文件
• ...

以及一些loader

• 自定义ifdef
• 插入全局组件
• 替换三方库
• v-lazy兼容
• 替换动态组件
• 替换vue标签
• 替换v-for中的key
• ...

还有一些webpack基础配置和 CLI 命令。

详细文档地址可以查看这里。

安装

npm install -D uni-plugin-light

插件使用示例

// vue.config.js

const {
  DispatchScriptPlugin,
} = require('uni-plugin-light/lib/plugin');

let plugins = []

if (process.env.NODE_ENV === 'production') {
  // js分发
  plugins.push(new DispatchScriptPlugin());
}

module.exports = {
  configureWebpack: {
    plugins,
  }
}

loader 使用示例

// vue.config.js

const IF_DEF_LOADER = 'uni-plugin-light/lib/loader/ifdef-loader';

module.export = {
  chainWebpack(config) {
    config.module
      .rule('ifdef-loader')
      // 根据项目实际配置文件类型
      .test(/press-ui.*(\.vue|\.ts|\.js|\.css|\.scss)$/)
      // 不要配成下面这样，会卡住
      // .test(/\.vue|\.ts|\.js|\.css|\.scss$/) 
      .use(IF_DEF_LOADER)
      .loader(IF_DEF_LOADER)
      .options({
        context: { H5: true },
        type: ['css', 'js', 'html'],
      })
      .end();
  }
}