新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)VUE2教程:Vue.js2.0生產(chǎn)環(huán)境部署
刪除警告
為了減少文件大小,Vue 精簡獨立版本已經(jīng)刪除了所有警告,但是當你使用 Webpack 或 Browserify 等工具時,你需要一些額外的配置實現(xiàn)這點。

創(chuàng)新互聯(lián)公司是一家以重慶網(wǎng)站建設(shè)公司、網(wǎng)頁設(shè)計、品牌設(shè)計、軟件運維、成都網(wǎng)站營銷、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計為衛(wèi)生間隔斷等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務。
Webpack
使用 Webpack 的 DefinePlugin 來指定生產(chǎn)環(huán)境,以便在壓縮時可以讓 UglifyJS 自動刪除代碼塊內(nèi)的警告語句。例如配置:
var webpack = require('webpack')
module.exports = {
// ...
plugins: [
// ...
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
}
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
}
})
]
}
Browserify
- 運行打包命令,設(shè)置 NODE_ENV 為 "production"。等于告訴 vueify 避免引入熱重載和開發(fā)相關(guān)代碼。
- 使用一個全局 envify 轉(zhuǎn)換你的 bundle 文件。這可以精簡掉包含在 Vue 源碼中所有環(huán)境變量條件相關(guān)代碼塊內(nèi)的警告語句。例如:
NODE_ENV=production browserify -g envify -e main.js | uglifyjs -c -m > build.js
- 使用 vueify 中包含的 extract-css 插件,提取樣式到單獨的css文件。
NODE_ENV=production browserify -g envify -p [ vueify/plugins/extract-css -o build.css ] -e main.js | uglifyjs -c -m > build.js
跟蹤運行時錯誤
如果在組件渲染時出現(xiàn)運行錯誤,錯誤將會被傳遞至全局 Vue.config.errorHandler 配置函數(shù)(如果已設(shè)置)。利用這個鉤子函數(shù)和錯誤跟蹤服務(如 Sentry,它為 Vue 提供官方集成),可能是個不錯的主意。
提取 CSS
使用單文件組件時,


咨詢
建站咨詢