由于create-react-app搭建出来的react项目是对less不支持,需要我们自己配置。
1.首先需要先安装less less-loader
npm install less less-loader --save
2.安装完成之后,默认情况下是看不到 webpack 相关的配置文件,我们需要给它暴露出来。
执行npm run eject,然后会看到根目录多出了一个config文件夹,这样就可以修改webpack.config.js了。
3.增加less相关配置,仿照sass的配置来就可以,在对应的module rules中增加
4.配置完成后保存,然后修改.css为.less就可以了。