React腳手架解決不能使用less問題


引言

  • 學編程,還是多敲代碼呀,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的配置,對照配置一份。

`


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM