wepy.config.js配置文件说明

执行wepy init standard demo后，会生成类似下面这样的配置文件。

  2. let prod = process.env.NODE_ENV === 'production';
  4. module.exports = {
  5.     'target': 'dist',
  6.     'source': 'src',
  7.     'wpyExt': '.wpy',
  8.     'compilers': {
  9.         less: {
  10.             'compress': true
  11.         },
  12.         /*sass: {
  13.             'outputStyle': 'compressed'
  14.         },
  15.         postcss: {
  16.             plugins: [
  17.                 cssnext({
  18.                     browsers:['iOS 9', 'Android 4.4']
  19.                 })
  20.             ]
  21.         },*/
  22.         babel: {
  23.             'presets': [
  24.                 'es2015',
  25.                 'stage-1'
  26.             ],
  27.             'plugins': [
  28.                 'transform-export-extensions',
  29.                 'syntax-export-extensions',
  30.                 'transform-runtime'
  31.             ]
  32.         }
  33.     },
  34.     'plugins': {
  35.     }
  36. };
  38. if (prod) {
  39.     // 压缩sass
  40.     module.exports.compilers['sass'] = {'outputStyle': 'compressed'};
  42.     // 压缩less
  43.     module.exports.compilers['less'] = {'compress': true};
  45.     // 压缩js
  46.     module.exports.plugins = {
  47.         'uglifyjs': {
  48.             filter: /\.js$/,
  49.             config: {
  50.             }
  51.         },
  52.         'imagemin': {
  53.             filter: /\.(jpg|png|jpeg)$/,
  54.             config: {
  55.                 'jpg': {
  56.                     quality: 80
  57.                 },
  58.                 'png': {
  59.                     quality: 80
  60.                 }
  61.             }
  62.         }
  63.     };
  64. }

wpyExt： 缺省值为’.wpy’，IDE默认情况下不会对此文件类型进行高亮处理，这种情况下，除了按照前文代码高亮部分的介绍进行设置之外，还可以直接将相关文件的后缀名由.wpy修改为.vue(因为与Vue的高亮规则一样)，然后将此选项修改为.vue，也能解决部分IDE中代码高亮的问题。

compilers： compilers为1.3.1版本之后的功能，如果需要使用其它语法，请先配置compilers，然后再安装相应的compilers。目前支持wepy-compiler-less， wepy-compiler-postcss，wepy-compiler-sass、wepy-compiler-babel、wepy-compiler-pug，其他compiler持续开发中……

对应各compiler请参考各自文档：

sass： sass编译配置，参见这里。

less： less编译配置，参见这里。

postcss： postcss编译配置，参见这里。

stylus： stylus编译配置，参见这里。

babel： babel编译配置，参见这里。

typescript： typescript编译配置，参见这里。

plugins： plugins为1.1.6版本之后的功能，目前支持js压缩wepy-plugin-ugliyjs、图片压缩wepy-plugin-imagemin，其他plugin持续开发中……

关于compilers和plugins

1.3.1版本新功能，文档建设中…