React脚手架首次创建,支持的样式文件css、sass,并不支持 .less 样式文件,因此我们在对组件样式编写时,如果没有配置 less 文件信息,我们写的 less 样式表就不会生效,下面我们开始对less 信息进行配置
1. React脚手架在默认生成时,并不会将 webpack.confing.js 的配置信息暴露出来
使用
npm run eject
&
yarn eject
命令
此前我们一定要将本地仓库的 git 代码进行提交,如果有更改后未提交的代码,会报错

遇到这样的报错信息,我们将本地仓库的代码提交后,重新运行 yarn eject 即可,命令运行成功后,本地目录会生成 config 文件夹,该文件夹内就是该项目的 webpack 所有配置信息

2. 下载 less 所需的包
使用
npm i less less-loader --save
或
yarn add less less-loader
命令
包下载完成后,我们可以在 package.json 中查看到 less 包信息
&nbs

这篇博客讲述了如何在React脚手架中添加对less样式的支持。首先,通过`yarn eject`命令获取webpack配置信息。接着,安装less及相关依赖。最后,在webpack.config.js中添加less的配置项,使less样式文件生效。
最低0.47元/天 解锁文章
689

被折叠的 条评论
为什么被折叠?



