react webpack 配置less

最新推荐文章于 2024-09-22 09:37:59 发布

原创最新推荐文章于 2024-09-22 09:37:59 发布 · 601 阅读

2 ·

CC 4.0 BY-SA版权

react 专栏收录该内容

1 篇文章

订阅专栏

博客主要介绍了对 config/webpack.config 文件的修改操作，需修改两处内容，一是在 “const sassRegex =” 处添加代码，二是找到 “test: sassRegex” 进行相关操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改 config/webpack.config 文件
在这里插入图片描述

修改两处：
1.找到 “const sassRegex =” 添加以下代码

const lessRegex = /\.less$/;
const lessModuleRegex = /\.module\.less$/;

在这里插入图片描述
2. 找到 “test: sassRegex”

//Adds less for less Modules, but using less
              {
                  test: lessRegex,
                  exclude: lessModuleRegex,
                  use: getStyleLoaders({ importLoaders: 2 }, 'less-loader'),
              },
              {
                  test: lessModuleRegex,
                  use: getStyleLoaders(
                      {
                          importLoaders: 2,
                          modules: true,
                          getLocalIdent: getCSSModuleLocalIdent,
                      },
                      'less-loader'
                  ),
              },