微信小程序webapck插件

• 仅需要配置entry 指向app.js即可 例如 entry:'./app.js'
• 支持node_modules 模块引用
• 支持node_modules 组件引用
• node_modules平行移植 打包后的require会自动修改引用路径 例如: require('lodash') 那么当打包后在dist下的引用变为 require('./node_modules/lodash/inde.jx)
• 自动分析需要编译的文件，产出wxapp需要的目录结构 例如pages以及components,.wxml引用的图片，以及app.json引用的图片以及页面与分包加载页面等
• 产出的目标文件均为commonjs模块类型，无webpack_require自带的模块规范与引用，方便调试识别
• 可以搭配loaders与其他plugin使支持es6-es7以及文件图片压缩
• 只需要将微信小程序指向dist(webpack设定的output目录)目录即可

npm install webpack-wxapp-module-plugin --save-dev

Webpack 简单配置

var WxappModulePlugin  =require('webpack-wxapp-module-plugin');

var appjsRoot = path.resolve('');

module.exports = {
  context:appjsRoot,
  entry: {
    'app': ['./app.js']
  },
  output: {
    filename:  '[name]',
    chunkFilename:'[name]',
    libraryTarget: 'commonjs2'
  },
  plugins:[
    new WxappModulePlugin('指定node_modules模块打包后的存放目录名称，例如:vendor')
  ]
}

在部分情况下，我们需要引用小程序UI组件库，那么通常依赖是安装在node_modules下， webpack-wxapp-module-plugin 提供了node_modules下组件引用，例如:

{
  "usingComponents":{
    "i-button":"iview-weapp/dist/button"
  }
}

freedom

基于 MIT License 开源，使用代码只需说明来源，或者引用 license.txt 即可。