安装如下包,sass是依赖于node-sass ,所以要安装node-sass
npm install node-sass --save-dev
npm install sass-loader --save-dev
找到build目录下的webpack.base.conf.js文件,在module/rules下增加如下配置
{
test: /\.sass$/,
loaders: ['style','css','scss']
}
在使用的时候在style标签上添加 lang="scss" ,import引入scss文件,
<style lang="scss">
@import 'css/index.scss';
</style>
以上操作就可以了,如果编译出现错误,那可能就是版本过高的原因,所以需要降低版本
npm uninstall sass-loader
npm install sass-loader@7.0.3 --save-dev