javascript - 最終產生的jsBundle檔案壓縮問題

Question

如果在專案webpack.config.js檔案中寫入

        plugins: [bannerPlugin,
            new webpack.optimize.UglifyJsPlugin({
                compress: {
                    warnings: false
                }
            })
        ]

這樣打包產生的jsBundle文件體積是小了50%，但是問題是app無法載入這樣的jsBundle文件，有沒有相關的解決方法呢？

Answer 1

不能載入壓縮的jsBundle 是因為你需要加入 weex能夠辨識的banner
如果使用Vue進行開發，需要保留 { "framework": "Vue" }
// 程式碼壓縮插件
程式碼如下

var optimizePlugin = new webpack.optimize.UglifyJsPlugin({
  compress: {
    warnings: false
  },
  //保留banner
  comments: /{ "framework": "Vue" }/,
  sourceMap: true
})

Answer 2

如果使用了Vue開發，需要保持{ "framework": "Vue" }不被壓縮，就像樓上說的那樣。