vue项目中使用sass

1、使用vue 脚手架搭建项目

vue init webpack app(项目名称)

项目创建完成后安装依赖

cnpm install

2、安装依赖

cnpm install node-sass@4.14.1 -D
cnpm install sass-loader@7.3.1 -D
cnpm install style-loader -D

注：直接使用cnpm install node-sass sass-loader -D 安装的依赖，使用时会报错，需要指定低版本就可以啦
3、在项目build文件夹下的webpack.base.conf.js文件中rules处添加以下代码

 {
        test: /\.scss$/,
        loader: 'sass-loader!style-loader!css-loader',
 }

这样就可以在页面的style上面直接使用了