在最新的 create-react-app 中添加 less 支持


前置知識:

把 webpack 的相關配置暴露出來
0. 運行 git add -A

  1. 運行 git commit -m 'project init'
  2. 運行 yarn eject 然后選 y
  3. 項目中多出來兩個文件夾 config 和 scripts

在 config 文件夾中找到 webpack.config.js 文件如下圖:

webpack.config.js

在 webpack.config.js 中書寫如下配置:

less配置

把 sass 的配置復制一份, 把名字改成上一步書寫的 less 配置,把 sass-loader 改成 less-loader,其余相同。

安裝 less 和 less-loader 包即可(切記兩個都需要安裝)

npm install less less-loader 

安裝完成后就可以開心的使用 less 來寫樣式

打包上線的代碼一樣有效不用擔心,親測有效。

本文完。。。


免責聲明!

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



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