引言
- 学编程,还是多敲代码呀,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
文件 第一步
找到
const cssRegex = /\.css$/;
这一句 修改为 `const cssRegex = /.(css|less)$/;
第二步
在
module
属性下的rules
添加一个对象{test: /\.less$/, use: ['less-loader']}
`