vue 在webpack 环境下的 sass使用

1,安装sass的依赖包cnpm install --save-dev sass-loader  和  cnpm install --save-dev node-sass、

2，在build文件夹下的webpack.base.conf.js的rules里面添加配置

　　{ test: /\.sass$/, loaders: ['style', 'css', 'sass']}

3，在vue 文件中引入sass文件：

　　

　　然后就可以初步使用sass来写样式了

以上步骤中存在一个隐患，那就是当在scss文件中使用背景图片时，webpack会因为引入的图片路径不正确而报错

4，将scss文件的引入方法从vue文件里面放到main.js里面引用，如图所示