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

1.vue cli給我們提供了npm run build命令打包項目，在packa.json文件中scripts對象中有build屬性，當我們執行npm run build時，就執行build對應的"node build/build.js"腳本 build完成后顯示 進入項目文件 ...

一、什么是webpack? webpack是一個模塊打包工具。用vue項目來舉例：瀏覽器它是只認識js，不認識vue的。而我們寫的代碼后綴大多是.vue的，在每個.vue文件中都可能html、js、css甚至是圖片資源；並且由於組件化，這些.vue文件之間還有錯綜復雜的關系。所以項目要被瀏覽器 ...

一、什么是webpack? webpack是一個模塊打包工具。用vue項目來舉例：瀏覽器它是只認識js，不認識vue的。而我們寫的代碼后綴大多是.vue的，在每個.vue文件中都可能html、js、css甚至是圖片資源 ...

問題，正常 npm run build 打包后，發現打包后的文件異常大，有 > 20M 的大小 分析， 　　1、起初以為是代碼本身過大的原因導致的，所以一直在想如何進行代碼拆分使得文件能盡可能的小，但是查詢了很多資料都沒找到為什么文件會過大 　　2、后來認真看了一下一直被我自動忽略 ...

一、原理 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對象上配置打包命令 ...