安装依赖;
cnpm i sass-loader -D
cnpm i node-sass -D
node-sass尽量去使用cnpm去安装
创建index2.scss文件
div {
h2 {
background: pink;
}
}
在main.js中引入
import "./css/index2.scss";
在webpack.config.js配置
module: {
rules: [
//所有第三方模块的匹配规则
{ test: /\.css$/, use: ["style-loader", "css-loader"] },
// 配置less处理
{ test: /\.less$/, use: ["style-loader", "css-loader", "less-loader"] },
{ test: /\.scss$/, use: ["style-loader", "css-loader", "sass-loader"] },
],
},
遇见问题,这是你成长的机会,如果你能够解决,这就是收获。
作者:晚来南风晚相识
如果文中有什么错误,欢迎指出。以免更多的人被误导。