創(chuàng)新互聯(lián)VUE2教程：Vue.js2.0生產(chǎn)環(huán)境部署

刪除警告

為了減少文件大小，Vue 精簡(jiǎn)獨(dú)立版本已經(jīng)刪除了所有警告，但是當(dāng)你使用 Webpack 或 Browserify 等工具時(shí)，你需要一些額外的配置實(shí)現(xiàn)這點(diǎn)。

創(chuàng)新互聯(lián)公司是一家以重慶網(wǎng)站建設(shè)公司、網(wǎng)頁(yè)設(shè)計(jì)、品牌設(shè)計(jì)、軟件運(yùn)維、成都網(wǎng)站營(yíng)銷(xiāo)、小程序App開(kāi)發(fā)等移動(dòng)開(kāi)發(fā)為一體互聯(lián)網(wǎng)公司。已累計(jì)為衛(wèi)生間隔斷等眾行業(yè)中小客戶(hù)提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開(kāi)發(fā)服務(wù)。

Webpack

使用 Webpack 的 DefinePlugin 來(lái)指定生產(chǎn)環(huán)境，以便在壓縮時(shí)可以讓 UglifyJS 自動(dòng)刪除代碼塊內(nèi)的警告語(yǔ)句。例如配置：

var webpack = require('webpack')
module.exports = {
  // ...
  plugins: [
    // ...
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    })
  ]
}

Browserify

運(yùn)行打包命令，設(shè)置 NODE_ENV 為 "production"。等于告訴 vueify 避免引入熱重載和開(kāi)發(fā)相關(guān)代碼。
使用一個(gè)全局 envify 轉(zhuǎn)換你的 bundle 文件。這可以精簡(jiǎn)掉包含在 Vue 源碼中所有環(huán)境變量條件相關(guān)代碼塊內(nèi)的警告語(yǔ)句。例如：
```
NODE_ENV=production browserify -g envify -e main.js | uglifyjs -c -m > build.js
```

使用 vueify 中包含的 extract-css 插件，提取樣式到單獨(dú)的css文件。

NODE_ENV=production browserify -g envify -p [ vueify/plugins/extract-css -o build.css ] -e main.js | uglifyjs -c -m > build.js

跟蹤運(yùn)行時(shí)錯(cuò)誤

如果在組件渲染時(shí)出現(xiàn)運(yùn)行錯(cuò)誤，錯(cuò)誤將會(huì)被傳遞至全局 Vue.config.errorHandler 配置函數(shù)（如果已設(shè)置）。利用這個(gè)鉤子函數(shù)和錯(cuò)誤跟蹤服務(wù)（如 Sentry，它為 Vue 提供官方集成），可能是個(gè)不錯(cuò)的主意。

提取 CSS