如果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的基本配置:
1 var path = require('path');
2
3 module.exports = {
4 entry: path.resolve(__dirname, 'main.js'),
5 output: {
6 path: path.resolve(__dirname, 'build'),
7 filename: 'build.js'
8 },
9 module:{
10 loaders:[{ test:/\.vue$/,loader:'vue'},
11 { test:/\.js$/, loader:'babel',exclude:/node_modules/},
12 {test: /\.css$/, loader: "style-loader!css-loader"},
13 { test: /\.(scss|sass)$/, loader: 'style-loader!css-loader!sass-loader'}]
14 },
15 vue:{
16 loaders:{
17 js:'babel'
18 }
19 },
20 babel:{
21 presets: ['es2015','stage-0'],
22 plugins: ['transform-runtime']
23 }
24 }
更多专业前端知识,请上 【猿2048】www.mk2048.com