react 增加less配置

由于create-react-app搭建出来的react项目是对less不支持,需要自己对其配置

  1. create-react-app react-demo 生成react项目
  2. npm run eject 由于react对webpack配置是不暴露出来的,需要npm run eject获取,找到对应的webpack.config.js文件增加less配置
  3. npm install less less-loader --save
  4. 增加less相关配置,仿照css,sass的配置,在对应的module rules中增加
    react 增加less配置
    react 增加less配置

其中遇到的问题:

一。对生成的react项目进行文件改动后,npm run eject 报错

二。Remove untracked files, stash or commit any changes, and try again
这个报错是因为新建项目的时候会自动生成.gitignore文件,而本地却没有文件仓库,需要提交之后在进行npm run eject