create-react-app 2.1.8 版本中添加less

最新推荐文章于 2024-05-05 14:06:02 发布

weixin_33816946

最新推荐文章于 2024-05-05 14:06:02 发布

阅读量169

点赞数

CC 4.0 BY-SA版权

文章标签： webpack javascript ViewUI

原文链接：https://juejin.im/post/5c93516df265da6129787bdc

博客介绍了在create-react-app最新版本中安装less的方法，需暴露webpack配置文件，将特定代码添加到module中的rules数组即可。

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

create-react-app 最新版本安装less

1.暴露webpack配置文件

npm run eject
yarn run eject
复制代码

2. 安装 less less-lorder

npm install less less-loader
yarn add less less-loader
复制代码

3.找到config文件夹中的webpack.config.js配置文件

添加相应less规则复制上面的规格改成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'
              ),
        }
复制代码

将这段代码添加到module中的rules数组里就OK了

转载于:https://juejin.im/post/5c93516df265da6129787bdc