一、安装依赖
webpack解析loader 注意版本别使用最高,会报错的,7.3.1可用,直接指定版本。
npm i -D sass-loader@7.3.1
sass-loader依赖于node-sass,同样指定版本。
npm i -D node-sass@4.14.1
二、配置webpack
在根目录build文件夹下的webpack.base.conf.js的module.rules里面添加配置
{
test: /\.scss$/,
loaders: ['style','css','sass'],
},
三、使用方法
<style lang="scss" scoped>
.hello {
h1, h2 {
font-weight: normal;
color: red;
}
}
</style>