在webpack react项目中使用scss

• Z时代
• 2024-01-10
• 分类：综合

create-react-app版本：1.5.2

1、首先安装sass-loader node-sass

npm install sass-loader node-sass —save-dev

2、运行npm run eject

这时候会生成配置文件

3、找到config文件里的webpack.config.dev.js

webpack.config.prod.js里的css配置也要修改，修改内容同webpack.config.dev.js

找到module里的css配置部分，修改正则匹配为：/\.(css|scss)$/，在use数组里添加sass-loader

4、npm run start

在src目录创建一个test.scss，在app.js引入就可以用了。

以上是 在webpack react项目中使用scss 的全部内容， 来源链接： utcz.com/z/382562.html