webpack+vue-loader 在单独.vue组件中使用sass-loader编译sass报错问题not a valid Win32 applictation

 

 

如果webpack配置没有问题，在vue文件中编译sass/scss报上面的错误，大概是由于node-sass安装失败，重新卸载安装，

 

在国内安装node-sass失败的话，可以使用淘宝镜像：

参考地址：https://npm.taobao.org/，

安装cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装上cnpm后，可以使用：

cnpm install node-sass --save-dev

也可以不安装cnpm，直接使用镜像安装：

npm install node-sass --save-dev --registry=https://registry.npm.taobao.org

如果是linux系统，前面可以加上sudo，

这样就可以的安装成功了，而且编译sass也不报错了，做个笔记记录下。

最后付上webpack.config.js中vue-load的基本配置：

 var path = require('path');

 module.exports = {
     entry: path.resolve(__dirname, 'main.js'),
     output: {
         path: path.resolve(__dirname, 'build'),
         filename: 'build.js'
     },
     module:{
         loaders:[{ test:/\.vue$/,loader:'vue'},
             { test:/\.js$/, loader:'babel',exclude:/node_modules/},
             {test: /\.css$/, loader: "style-loader!css-loader"},
             { test: /\.(scss|sass)$/, loader: 'style-loader!css-loader!sass-loader'}]
     },
     vue:{
         loaders:{
             js:'babel'
         }
     },
     babel:{
         presets: ['es2015','stage-0'],
         plugins: ['transform-runtime']
     }
 }