飞奔的阿加西.jpg
背景
vue2.0里面sass编译打包报错！
解决
问题
在vue2.0中安装了sass!生产环境npm run dev一切正常！但是在npm run build后就直接报错！
Paste_Image.png
1.一脸懵逼然后把错误提示粘贴过来放到一个js里面仔细看！
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
发现是有关于一个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
你以为成功了么！错！打包编译结果就是嗝屁了！
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的编辑之路！
