@lucashc/mini-program-webpack-plugin

小程序 webpack 插件，fork 自 wxapp-webpack-plugin，增加了对于百度智能小程序的支持。

为什么要使用 webpack

很多前端开发者都使用过 webpack，通过 webpack 开发 JavaScript 项目可以带来很多好处

• 支持通过 yarn 或 npm 引入和使用 node_modules 模块
• 支持丰富且灵活的 loaders 和 plugins
• 支持 alias
• 还有很多...

为什么要使用这个插件

• 小程序开发需要有多个入口文件（如 app.js, app.json, pages/index/index.js 等等），使用这个插件只需要引入 app.js 即可，其余文件将会被自动引入
• 若多个入口文件（如 pages/index/index.js 和 pages/logs/logs.js）引入有相同的模块，这个插件能避免重复打包相同模块
• 支持自动复制 app.json 上的 tabbar 图片 (v0.17.0 或以上)

使用方法

安装

yarn add -D @lucashc/mini-program-webpack-plugin

配置 webpack

1. 在 entry 上引入 { app: './src/app.js' }, 这里的 ./src/app.js 为小程序开发所需的 app.js。注意 key 必须为 app，value 支持数组）

2. 在 output 上设置 filename: '[name].js'。 注意 这里 [name].js 是因为 webpack 将会打包生成多个文件，文件名称将以 [name] 规则来输出

3. 添加 new MiniProgramWebpackPlugin() 到 plugins

License

MIT ©