VUE项目中使用SCSS

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

sass-loader版本不要过高

npm install node-sass --save-dev

npm install sass-loader@7.0.3 --save-dev

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

{

    test: /\.sass$/,

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

}

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

<style lang="scss">

</style>

愤怒的牛牛的简书

愤怒的牛牛的新浪博客

愤怒的牛牛的GitHub