引言
- 學編程,還是多敲代碼呀,React腳手架不支持less,因此需要配置webpack的
webpack.config.js
文件
釋放配置文件
- 我們在使用React腳手架的時候,發現發現是沒有
webpack.config.js
文件的,需要在項目中執行yarn eject
命令,我試過使用npm
不行,因此需要安裝yarn
// 全局安裝
npm install yarn -g
下載less less-loader
- 使用 npm 或 yarn 下載均可
// 使用npm
npm install less less-loader --save-dev
// 使用 yarn
yarn add less less-loader
配置 webpack.config.js文件
- 當我們執行
yarn eject
命令之后,項目根目錄會多出一個文件夾config
,點擊打開即可看到webpack.config.js
文件 - 第一步
React腳手架是支持sass的,因此可以像配置sass一樣配置less就可以。在webpack.config.js文件中找到下面這幾行代碼。定義less變量。
- 第二步
在
module
屬性下的rules
中添加less的loader處理,找到sass的配置,對照配置一份。
`