VUE项目中使用SCSS

VUE项目中使用SCSS

sass是依赖于node-sass ，所以要安装node-sass

sass-loader版本不要过高

npm install node-sass --save-dev

npm install [email protected] --save-dev

找到build目录下的webpack.base.conf.js文件，在module/rules下增加如下配置

{

    test: /\.sass$/,

    loaders: ['style','css','scss']

}

在使用的时候在style标签上添加 lang="scss"  ，import引入scss文件

愤怒的牛牛的

愤怒的牛牛的新浪博客

愤怒的牛牛的GitHub