vue中关于sass的问题！

飞奔的阿加西.jpg

背景

vue2.0里面sass编译打包报错！

解决

问题
在vue2.0中安装了sass!生产环境npm run dev一切正常！但是在npm run build后就直接报错！

Paste_Image.png

1.一脸懵逼然后把错误提示粘贴过来放到一个js里面仔细看！

ERROR in ./~/[email protected]@extract-text-webpack-plugin/loader.js?
{"omit":1,"remove":true}!./~/[email protected]@vue-style-loader!
e: /cj/jsnovel/~/[email protected]@css-loader?{"minimize":true,"sourceMap":false} 
!./~/[email protected]@vue-loader/lib/style-compiler?{"id":"data-v-70e06d72"," 
scoped":true,"hasInlineConfig":false}!./~/[email protected]@vue-loader/lib/sel 
ector.js?type=styles&index=0!./src/components/RowDetail.vue

发现是有关于一个extract-text-webpack-plugin文件模块的问题！

2.然后就卸载掉然后重新装一个新版本！

 npm uninstall --save-dev extract-text-webpack-plugin  //卸载extract-text-webpack-plugin

cnpm install --save-dev [email protected] //安装extract-text-webpack-plugin

你以为成功了么！错！打包编译结果就是嗝屁了！

Paste_Image.png

看到上面的错误！我当时其实是下了一身冷汗！太冒险了！整个文件解决不了！现在还没法还原了！

3.但是现在已经搞成这样了！一步错二不休！我直接把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的编辑之路！