react create-react-app使用less 及关闭eslint


  使用less和关闭eslint都需要先运行命令 npm run  eject 来暴露配置文件,(不可逆的)

  一、less使用

    运行命令安装less

npm install less less-loader --save

  在webpack.config.js配置文件中加入less

const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;

  

  找到下面的sassRegex 配置文件(一般是两个)复制sass改成less, 切记是sass复制不是css,他们配置文件不一样

  

  注意  

    我在配置create-react-app构建的项目时候,出现上面配置无效的情况,找了很久没有正确的答案,最后我只好更改本地的node_modules文件,才能正确使用。  

    打开文件node_modules/react-scripts/config/webpack.config.js

    看里面是否配置一样,不一样的话,复制过去!

    重新运行npm start 就可以使用less了

 

  二、关闭eslint 

  在webpack.config.js中找到eslint配置文件,然后全部注释 (下面是我已经注释了)

  重新运行npm start 就可以了


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM