開發

wepy-plugin-autopages

使用 wepy 開發項目時不需要手動配置 app.wpy 下的 config.pages，autopages 插件會自動監控 pages 目錄下文件的變化，自動生成更新對應 app.json 下的 pages。

注意：該插件只會對編譯文件dist里配置添加，源文件是不會改動的。
注意：我還發現有個問題是他是按命名順序添加的，所以開發階段可以用客戶端指定路徑，但是發布的話還是乖乖手動添加吧

這插件看情況使用吧，如果是個人項目的話我覺得還是值得用的，畢竟每次新增頁面都要手動添加很繁瑣，但是如果是合作項目開發到某個階段的時候還是手動填上去吧，因為便于其他人可以知道你項目的所有跳轉路徑有哪些。

plugins: [ autopages: {}]

wepy-plugin-px2units

將 px 單位轉換為 rpx 單位，或者其他單位的 PostCSS插件。

plugins: { px2units: {  filter: /.wxss$/ }},

注意：根據實驗所得只對wxss文件起作用，在wxml的行內樣式不改變。

//輸入.userinfo-nickname { width: 200px; height: 200px;/*no*/ margin: 200rpx;}

//輸出.userinfo-nickname { width: 200rpx; height: 200px; margin: 200rpx;}

略微有點雞肋，雖然會節省一點微不足道的代碼量，但是它本身還是有些可能需要用到的配置項的。

wepy-plugin-replace

文本替換,為 plugins 添加 replace 對象，支持單個或者多個規則，多個規則可以以 Array 或者 Object 實現，filter 的對象為生成后文件的路徑， 例如'dist/app.js'，每個規則也同時支持多個替換條目，同樣是以 Array 或者 Object 實現。

module.exports.plugins = { 'replace': {  filter: /moment/.js$/,  config: {   find: /([/w/[/]a-d/.]+)/s*instanceof Function/g,   replace: function (matchs, word) {    return ' typeof ' + word + " ==='function' ";   }  } }};

用法很簡單，指定后綴文件匹配規則替換函數。

生產

就以我的一個項目為例，在不用插件的情況下打包體積是6.04M。

然后看看怎么一步步將其體積減少。