react 增加less配置

react

由于react-app" title="create-react-app">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项目进行文件改动后,npm run eject 报错

二。Remove untracked files, stash or commit any changes, and try again

这个报错是因为新建项目的时候会自动生成.gitignore文件,而本地却没有文件仓库,需要提交之后在进行npm run eject

以上是 react 增加less配置 的全部内容, 来源链接: utcz.com/z/381171.html

回到顶部