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

时间:2023-03-09 13:39:04
webpack+vue-loader 在单独.vue组件中使用sass-loader编译sass报错问题not a valid Win32 applictation
webpack+vue-loader 在单独.vue组件中使用sass-loader编译sass报错问题not a valid Win32 applictationwebpack+vue-loader 在单独.vue组件中使用sass-loader编译sass报错问题not a valid Win32 applictation
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']
}
}