如何在不弹出的情况下集成到Create React App中

Question

我尝试了react-app-rewire-less模块，但它不起作用。

react-app-rewire-less-modules但在安装后返回错误

Answer 1

react-app-rewire-less工作。 我的问题是我导入＆＃34; name.less＆＃34;而不是＆＃34; ./ name.less＆＃34 ;;

Answer 2

CRA有一个documentation for integrating SASS。你几乎可以将那里的SASS工具改为LESS，以达到你想要的效果。

这就是我的所作所为：

我安装了less-watch-compiler和yarn add less less-watch-compiler

"scripts": {
"watch-css": "less-watch-compiler src/ ./",
"start": "react-scripts start",

然后将此行添加到package.json

中的脚本

yarn watch-css

现在正在运行

src/App.less

当我在src/App.css进行更改时，会生成相应的***。