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