在react项目中配置less

最新推荐文章于 2024-09-13 23:36:48 发布

╭※ASK

最新推荐文章于 2024-09-13 23:36:48 发布

阅读量97

点赞数

文章标签： less react.js

本文链接：https://blog.csdn.net/qq_45160652/article/details/120335128

版权

安装less
```
npm install less-loader less --save-dev
```
找到 node_modules 文件夹下面的react-scripts/config/webpack.config.js文件

在文件中添加如下代码：

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

把sass的配置方法复制一份给less，并改为如下所示：

{
              test: lessRegex,
              exclude: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                },
                'less-loader'
              ),
              sideEffects: true,
            },
            {
              test: lessModuleRegex,
              use: getStyleLoaders(
                {
                  importLoaders: 2,
                  sourceMap: isEnvProduction && shouldUseSourceMap,
                  modules: true,
                  getLocalIdent: getCSSModuleLocalIdent,
                },
                'less-loader'
              ),
            },