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

「爱情、让人受尽委屈。」 2022-10-01 10:53 81阅读 0赞

## 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

发表评论取消回复

表情：

评论列表（有 0 条评论，81人围观）

还没有评论，来说两句吧...

相关阅读

相关 react 添加less预处理语言

首先是安装react [react创建][react] 创建完了，添加react 首先cnpm i less less-loader --save-dev 下载完成后执行

青旅半醒/ 2023年06月14日 10:55/ 0 赞/ 17 阅读

相关 oracle中的less和more,less命令

less(less) 命令可以对文件或其它输出进行分页显示，与moe命令相似，但是比more命令要强大许多。应该说是linux正统查看文件内容的工具。用法：less \[选

雨点打透心脏的1/2处/ 2023年01月18日 15:27/ 0 赞/ 263 阅读

相关 React中引入less、less-loader

-------------------- 前言官方的 create-react-app创建的项目默认是不支持 less 的，但是又写不惯其他的预处理语言方法

Love The Way You Lie/ 2022年12月27日 14:05/ 0 赞/ 322 阅读

相关 LeetCode 218. 天际线问题

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

迷南。/ 2022年10月28日 10:12/ 0 赞/ 183 阅读

相关 React17添加less支持

目录一、简介二、操作步骤 2.1 新建一个react引用 2.2 解包react应用 2.3 安装使用less的依

逃离我推掉我的手/ 2022年10月05日 07:49/ 0 赞/ 223 阅读

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

create-react-app 最新版本安装less 1.暴露webpack配置文件 npm run eject yarn run eject

「爱情、让人受尽委屈。」/ 2022年10月01日 10:53/ 0 赞/ 82 阅读

相关 less文件中导入另一个less文件

有一个common.less文件: // 根据媒体查询,设置不同屏幕中的html字号 // 屏幕划分为15等份 // 默认显示html字号参考750p

梦里梦外;/ 2022年09月03日 00:20/ 0 赞/ 202 阅读

相关 NYOJ 218 Dinner

Dinner 时间限制： 100 ms | 内存限制： 65535 KB 难度： 1 描述 Little A is one member of ACM team.

喜欢ヅ旅行/ 2022年08月25日 01:26/ 0 赞/ 127 阅读

相关南阳题目218-Dinner

Dinner 时间限制： 100 ms | 内存限制： 65535 KB 难度： 1 描述 Little A is one member of ACM team.

逃离我推掉我的手/ 2022年07月26日 12:23/ 0 赞/ 239 阅读

相关编译Boostrap V3 Less版本的源码（涉及Nodejs、Less、Grunt）

前言这段时间一直在看Bootstrap,随着逐渐加深免不了进行Boostrap的css和js文件的编译了。涉及的技术并不难，只是电脑环境不一样，偶尔会碰见一两个小坑，现

骑猪看日落/ 2021年09月11日 06:36/ 0 赞/ 298 阅读