vue项目上安装SCSS

 

① 使用vue-cli模板创建新项目：vue init webpack myvue

② 安装sass 依赖包 ，在cmd界面输入：

npm  install sass-loader --save-dev
npm install node-sass --sava-dev

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

 

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

④ 使用scss时候在所在的style样式标签上添加lang=”scss”即可应用对应的语法，否则报错