目前vue-cli2上原配置是只有開發環境dev和線上環境prod的配置，但是我們實際場景上還有很多需要一個測試環境test,下面就是對測試環境的配置，將測試環境和線上環境的打包代碼分開就不需要切來切去了 1. 復制一份build/build.js文件命名為build/build-test.js ...

一、原理 webpack 背后的原理其實就是把所有的非 js 資源都轉換成 js (如把一個 css 文件轉換成“創建一個 style 標簽並把它插入 document ”的腳本、把圖片轉換成一個圖片地址的 js 變量或 base64 編碼等)，然后用 CommonJS 的機制管理起來。 用途 ...

1，安裝全局cli；npm install -g vue-cli2，建文件夾;vue init webpack my-project : my-project為我自己的項目文件名,下載時一個yes其他都是NO3，在項目中npm install下載相關模塊4，得到模塊后npm start 啟動 ...

之前一篇隨筆寫到vue多環境打包環境配置：https://www.cnblogs.com/shun1015/p/13411636.html 1.區分vue腳手架版本，版本不同，項目結構不同，多環境變量配置方式不同 package.json文件里 scripts對象上配置打包命令 ...

第一次打包，還成功了，可能也是運氣問題吧，因為自己在百度的時候發現很多人都打包有問題，現在我就講述下我的打包配置 1、第一步，在build/utils.js中添加：publicPath:"../../", 如下所示： 2、第二步，在config/index.js文件中修改 ...

今天無意間發現在瀏覽器是查看查看webpack下的所有程序的源碼的，為了代碼安全性，還是禁止掉比較好， 因為我不想打包后的項目別人還能看我的vue源碼，所以要做下配置 如果是vue cli2 我們需要打開config/index.js 搜索 build,將build對象下面 ...

修改config/index.js中的 build對象 productionSourceMap: false, ...

記得去年十月份的時候，自己在研究webpack，當時只是知道大致的用法，寫了一個簡單的demo，現在，經過了7個月對公司產品架構的使用，以及對vue-cli的使用，在了解了實際應用中各種需求之后，我自己寫了一套適合開發的vue-cli 為了滿足業務需要我這里配置了四套環境，打包 ...