今天遇到了乙個比較坑的問題，使用vue2+webpack3在開發環境的時候樣式是好的，但是打包之後放在生產環境樣式就錯亂了。
後來開啟瀏覽器看了一下，原來是因為自己寫的乙個全域性的css檔案位置錯亂了，我使用第三方的框架是ydui（
截圖中的1就是我自己的樣式，2就是ydui的樣式，可以看到2的樣式在下面肯定會覆蓋掉我的樣式，但是這種情況在開發環境就不存在。
也有說公升級webpack4，使用min-css-extract-plugin的，但是公升級webpack4一大堆坑，各種報錯，最終果斷放棄這個方法。
解決方案：
於是我還是回歸問題本身，既然開發環境是好的，那就去配置開發環境的配置檔案裡看看，會有什麼不同
果然，在util.js這個檔案中發現了這麼乙個方法generateloaders(),發現這個方法就是控制css、scss、less打包的，options.extract這個引數是在生產環境的時候為true，
因此生產環境打包時就走走1這一步，而開發環境就會走2這一步，差別就在這裡，最終我把這個判斷去掉了，果然就解決了。
解決vue打包後是空白頁面
有的小夥伴可能在剛完成乙個vue專案的時候，要打包上線了，在打包完成後開啟專案檢視一下發現頁面是一片空白，後來開啟控制台看，發現會有這樣的報錯出現。這是怎麼回事呢？因為在你打包專案的時候打包的路徑出現了問題，你打包的是專案給你預設的絕對路徑，我們只要把配置裡的絕對路徑改為相對路徑就可以顯示出頁面後來...
vue專案打包後開啟空白解決辦法
網上很多說自己的vue專案通過webpack打包生成的list檔案，放到hbulider打包後，通過手機開啟一片空白。這個主要原因是路徑的問題。1 記得改一下config下面的index.js中bulid模組匯出的路徑。因為index.html裡邊的內容都是通過script標籤引入的，而你的路徑不對...
vue打包後解決瀏覽器快取問題
因瀏覽器快取原因導致vue 打包的檔案 導致偶爾會出現不能即使更新最新 因此在打包的檔名中新增乙個版本號以便瀏覽器能區分。解決方法 找到webpack prod.conf.js 1.定義版本變數 const version new date gettime 這裡使用的是時間戳 來區分 也可以自己定義...