飛奔的阿加西.jpg
背景
vue2.0里面sass編譯打包報錯！
解決
問題
在vue2.0中安裝了sass!生產(chǎn)環(huán)境npm run dev一切正常！但是在npm run build后就直接報錯！
Paste_Image.png
1.一臉懵逼然后把錯誤提示粘貼過來放到一個js里面仔細(xì)看！
ERROR in ./~/._extract-text-webpack-plugin@2.1.0@extract-text-webpack-plugin/loader.js?
{"omit":1,"remove":true}!./~/._vue-style-loader@2.0.5@vue-style-loader!
e: /cj/jsnovel/~/._css-loader@0.28.1@css-loader?{"minimize":true,"sourceMap":false}
!./~/._vue-loader@11.3.4@vue-loader/lib/style-compiler?{"id":"data-v-70e06d72","
scoped":true,"hasInlineConfig":false}!./~/._vue-loader@11.3.4@vue-loader/lib/sel
ector.js?type=styles&index=0!./src/components/RowDetail.vue
發(fā)現(xiàn)是有關(guān)于一個extract-text-webpack-plugin文件模塊的問題！
2.然后就卸載掉然后重新裝一個新版本！
npm uninstall --save-dev extract-text-webpack-plugin //卸載extract-text-webpack-plugin
cnpm install --save-dev extract-text-webpack-plugin@2.0.0-beta.4 //安裝extract-text-webpack-plugin
你以為成功了么！錯！打包編譯結(jié)果就是嗝屁了！
Paste_Image.png
看到上面的錯誤！我當(dāng)時其實是下了一身冷汗！太冒險了！整個文件解決不了！現(xiàn)在還沒法還原了！
3.但是現(xiàn)在已經(jīng)搞成這樣了！一步錯二不休！我直接把node_module整個文件夾都刪掉！然后重新安裝依賴！
- 這次我沒用npm!安全起見！我換成了淘寶的鏡像！
$ npm install -g cnpm --registry=https://registry.npm.taobao.org //換成淘寶鏡像
cnpm install //用cnpm在vue的根目錄下！就是有package.json的同目錄！安裝依賴！
Paste_Image.png
然后我運行
npm run dev提示沒找到axios!這是我vue2.0項目里用的一個插件！類似于jquery的ajax!然后又cnpm install --save axios安裝了下！最后再運行！完美！可以運行sass!也可以打包編譯！
4.最終我愉快的開始了我sass!也就是scss的編輯之路！
