你的位置:首页 > Java教程

[Java教程]webpack+vue



 

 
如果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 }