react如何修改less变量

1、在项目中下载安装插件less。

2、暴露配置文件。

3、配置webpack.config.js文件，在项目中找到匹配loade的正则表达式，按照css的样子添加less。

4、在已知的项目中，找到之前设置好的sass，通过配置less找到sass所在位置，在其下方将less配置React。

5、通过添加代码可以完成配置，重启生效。

这样试试吧配置PhpStorm

在PhpStorm中新建一个LESS文件，PhpStorm将提示你添加FileWatcher，或者通过Settings->Tools->File Watcher进入File Watcher界面添加一个LESS的File Watcher

添加界面如下：

我们主要修改的是Arguments和Output paths to refresh。

Arguments: --no-color --source-map=../css/$FileNameWithoutExtension$.css.map $FileName$

Output paths to refresh: $FileParentDir$/css/$FileNameWithoutExtension$.css: $FileParentDir$/css/$FileNameWithoutExtension$.css.map

最终生成的目录结构：

好了，经过这样的设置就能使用PhpStorm自动编译LESS了。你看过后很简单吧以后不会可以向我一样经常到后盾人找找相关教材看看就会了，希望能帮到你，给个采纳吧谢谢　oﾟ*｡o

恭喜！　／⌒ヽ*ﾟ*

　 ∧∧ ／ヽ 　)｡*o

　(･ω･)丿ﾞ￣￣゜

ノ/　/ｯﾊﾟ

ノ￣ゝ

---