2022-11-22 create-react-app中配置less, craco工具的使用。

261 阅读1分钟

image.png

image.png

image.png

注:index.module.css在项目中能用title-name这种带横杠的样式styles.titleName.应该需要在webpack中进行某些配置

在项目中配置less

方法一: npm run eject展开项目隐藏文件webpack在代码中进行配置

方法二: 通过craco工具

安装craco

image.png

修改package.json中的启动命令

image.png

项目根目录创建craco.config.js

image.png

安装craco-less

image.png

craco.config.js中添加配置

image.png

注:如果安装craco和craco-less因为版本原因报错,在命令后面加@alpha

craco工具可以将craco.config.js中的配置添加到webpack中