使用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 就可以了