一、安装依赖
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>
在安装webpack的依赖时,需注意不要使用最高版本的sass-loader和node-sass,推荐使用7.3.1和4.14.1版本。配置webpack时,在webpack.base.conf.js的module.rules中添加处理SCSS文件的规则。然后在代码中可以正常使用SCSS语法,如设置.hello类内h1和h2的样式。
951

被折叠的 条评论
为什么被折叠?



