新版 create-react-app less环境配置

最新推荐文章于 2024-07-24 11:09:48 发布

敬余生.

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量260

点赞数

文章标签： less react.js node.js

本文链接：https://blog.csdn.net/weixin_57156917/article/details/120046496

版权

本文介绍了如何在新版create-react-app中配置Less环境。首先需要安装Less，然后找到并编辑`node_modules/react-scripts/config/webpack.config.js`。由于默认配置已包含Sass环境，我们需要新增Less的配置。然而，直接安装的less-loader可能导致TypeError。解决这个问题的方法是将less-loader降级到6.0.0版本，通过运行`npm install less-loader@6.0.0`来实现。

摘要由CSDN通过智能技术生成

1. 安装less

npm install less-loader less --save-dev

2. 查找 node_modules 下面的react-scripts/config/webpack.config.js

默认已经帮你配置了sass环境 (只要安装sass环境 npm install sass-loader node-sass --save-dev)

我们要新增的

新增代码如下：

const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;
 
 
在上面的sass那边copy一份，配置成为less
 
 
  {
              test: lessRegex,
              exclude: sassModuleRegex,
              use: getStyleLoad