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

2024-09-01 23:10:15

前置知识：

把 webpack 的相关配置暴露出来

0. 运行 git add -A

运行 git commit -m 'project init'
运行 yarn eject 然后选 y
项目中多出来两个文件夹 config 和 scripts

在 config 文件夹中找到 webpack.config.js 文件如下图：

在 webpack.config.js 中书写如下配置：

把 sass 的配置复制一份，把名字改成上一步书写的 less 配置，把 sass-loader 改成 less-loader，其余相同。

安装 less 和 less-loader 包即可(切记两个都需要安装）

npm install less less-loader

安装完成后就可以开心的使用 less 来写样式

打包上线的代码一样有效不用担心，亲测有效。

本文完。。。

最新文章

热门文章