前面的話
開發時,Vue 會提供很多警告來幫助解決常見的錯誤與陷阱。生產時,這些警告語句卻沒有用,反而會增加載荷量。再次,有些警告檢查有小的運行時開銷,生產環境模式下是可以避免的。本文將詳細介紹Vue生產環境部署
生產環境
如果用 Vue 完整獨立版本 (直接用 <script> 元素引入 Vue),生產時應該用精簡版本 (vue.min.js)
如果用 Webpack 或 Browserify 類似的打包工具時,生產狀態會在 Vue 源碼中由 process.env.NODE_ENV 決定,默認在開發狀態。Webpack 與 Browserify 兩個打包工具都提供方法來覆蓋此變量并使用生產狀態,警告語句也會被精簡掉。每一個 vue-cli 模板有預先配置好的打包工具,但了解怎樣配置會更好
【webpack】
使用 Webpack 的 DefinePlugin 來指定生產環境,以便在壓縮時可以讓 UglifyJS 自動刪除代碼塊內的警告語句
var webpack = require('webpack') module.exports = { // ... plugins: [ // ... new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false } }) ] }
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
網頁標題:基于Vue生產環境部署詳解-創新互聯
文章鏈接:http://vcdvsql.cn/article20/ccchco.html
成都網站建設公司_創新互聯,為您提供電子商務、網站維護、網站制作、動態網站、標簽優化、網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯