E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
craco
craco
是如何实现对非.module.less文件开启css modules的?
创建了两个loader,分别是lessRule和lessModuleRule,这两个loader里面都开启了cssmodules。lessRule的cssmodules配置lessModuleRule的cssmodules配置
·
2024-02-19 11:41
从0开始手把手教你做极客园项目(一)——登录功能实现
文章目录前言一、项目准备工作1.初始化项目,安装依赖2.目录结构准备3.
craco
配置二、登录功能1.配置路由2.登录界面静态结构3.添加表单校验4.封装请求5.redux状态管理token6.异步获取
-_-你好-_-
·
2024-02-07 00:30
前端
typescript
vscode
scss
react.js
前端框架
react
craco
配置响应式postcss-px-to-viewport
安装yarnaddpostcss-px-to-viewportcraco.config.jsconstpath=require("path");constpxtovw=require("postcss-px-to-viewport");constmy_pxtovw=pxtovw({//这里是设计稿宽度自己修改unitToConvert:"px",//要转化的单位viewportWidth:750,
不努力code
·
2024-01-24 12:34
react
react.js
postcss
javascript
记录一个错误 Cannot find module ‘.index.module.less‘ or its corresponding type declarations. TS2307
起初以为是
craco
的less配置错误了,后来一看错误是ts的,因为我是create-react-app+typescript+
craco
,不过这个错误只和typescript有关系,ts不认识less
m0_67401660
·
2024-01-10 16:28
前端
html
vue.js
前端
javascript
cra(create-react-app)配置别名路径@ 以及Vscode联想路径配置
CRA本身把webpack配置包装到了黑盒里无法直接修改,需要借助一个插件-
craco
一、配置步骤:1.安装craconpmi-D@
craco
/
craco
2.项目根目录下创建配置文件
craco
.config.js
怕冷的火焰(~杰)
·
2023-12-25 15:14
React
react.js
react中使用
craco
自定义配置
下文是在不暴露配置的情况下,实现配置的自定义,使用的是
craco
包。1、安装craconpmi@
craco
/
craco
//oryarnadd@
craco
/cra
心情无变化
·
2023-12-14 12:31
react
react.js
前端
前端框架
react之@路径解析配置和联想配置
,把@/解析为src/2.路径联想配置(VsCode),VsCode在输入@/时,自动联想出来对应的src/下的子级目录二、路径解析配置1.安装craconpmicraco2.项目根目录下创建配置文件
craco
.config.jsconstpath
Gik99
·
2023-12-03 08:05
React
react.js
前端
前端框架
【React】路径别名配置
路径解析配置(webpack),把@/解析为src/路径联想配置(VsCode),VSCode在输入@/时,自动联想出来对应的src/下的子级目录1.路径解析配置安装craconpmi-D@
craco
/
小谢sd
·
2023-11-24 01:51
React
react.js
前端
前端框架
React 安装及使用antd组件库
npminstallantd配置引入在index.tsx/index.jsx中引入文件import"antd/dist/antd.less"此处引入less文件是为了配置组件库的主题样式下载样式重写依赖yarnadd@
craco
TA_WORLD
·
2023-11-15 08:48
React
react.js
javascript
前端
React项目使用
craco
修改webpack配置
React项目使用
craco
通过CreateReactApp(CRA)搭建的react项目,webpack的相关配置是被默认隐藏起来的,如果想修改关于webpack的相关配置,有两种方式:npmrunejectcraconpmrunejectnpmruneject
.伊泽瑞尔
·
2023-11-01 10:28
react
react.js
前端
前端框架
react项目刷新、打包后白屏问题解决
项目配置@
craco
/
craco
,可参考博客
craco
.config.js添加如下配置//顶部引入pathconstpath=require("path");module.exports={...webpack
Beamon__
·
2023-10-26 16:58
react
webpack
前端
react.js
webpack
react+ts配置别名alias
1.下载cracoyarnadd@
craco
/
craco
2.创建一个
craco
.config.js文件constpath=require('path');module.exports={webpack:
行走的麻袋
·
2023-10-25 02:58
react.js
前端
前端框架
react项目使用antd组件库自定义主题颜色
我们的UI样式跟antd的颜色不太一样,所以要全局修改一下主题颜色,这是再有less的前提下,如果项目使用的不是less,请先下载less的依赖第一步:下载依赖npminstall@
craco
/craconpminstallcraco-less
haoxinqing222
·
2023-10-20 18:32
前端填坑
react
ant
antd 在webpack.config配置主题色
虽然官方提供了
craco
-less来覆盖less-loader提供的less变量,但自己也想试着修复config来配置一下首先需要运行yarneject来暴露webpack的配置其次需要安装less-loader
奔跑的痕迹
·
2023-10-20 10:55
React添加文件路径时使用@符号代替src目录(非creae-react-app)
本人的项目不是通过create-react-app脚手架来创建的,无法使用
craco
或者的方案来实现。
旅行的狮子
·
2023-10-15 07:44
前端杂烩
react.js
前端
前端框架
React配置px转rem响应式布局
一,搭建react环境create-react-appdome二,安装依赖cnpmipostcss-pxtoremamfe-flexible@
craco
/
craco
三,配置1,在项目根目录下创建
craco
.config.js
风—-
·
2023-10-09 22:45
react.js
javascript
前端
react CRA+tailwind+
craco
+less配置
React配置Tailwindcss1.使用create-react-app创建项目npxcreat-react-appmy_appcdmy_app2.利用npm安装tailwindcss,postcss,autoprefixernpminstall-Dtailwindcsspostcssautoprefixer注释:postcss是一个JavaScript工具,可以用来转换CSS代码。postc
ZhuCongLin_68
·
2023-10-03 00:49
react.js
less
javascript
解决
craco
启动react项目卡死在Starting the development server的问题
现象:原因:
craco
.config.ts配置文件有问题经过排查发现Dev开发模式下不能有splitChunk的配置,解决办法:加一个生产模式的判断,开发模式不加载splitChunk的配置,仅在生产模式才加载判断条件代码
kingtopest
·
2023-09-29 12:08
reactjs
webpack
craco
解决 React + TS 项目移动端 vw 适配
解决React+TS项目移动端vw适配前提:通过creat-react-app搭建项目使用
craco
配置项目第一步:yarnadd-Dpostcss-px-to-viewport第二步:在
craco
.config.js
henryzyk
·
2023-09-28 17:57
craco
react.js
javascript
前端
使用
craco
配置全局sass
使用
craco
配置全局sass下载
craco
-sass-resources-loaderyarnaddcraco-sass-resources-loader#或者npmi-dcraco-sass-resources-loader
Bunny0212
·
2023-09-23 23:58
react学习
sass
前端
css
react脚手架 + antd的
craco
.config.js配置
拉取脚手架执行以下命令$npxcreate-react-appantd-demo->启动cdantd-demo->yarnstart安装antdyarnaddantd修改src/App.js,引入antd的按钮组件importReactfrom'react';import{Button}from'antd';import'./App.css';constApp=()=>(Button);expor
V8贤
·
2023-09-13 12:48
React 配置别名 @ ( js/ts 项目中通过 webpack.config.js 配置)
使用@
craco
/
craco
可以在不释放React隐藏配置($npmruneject)的情况下就能配置好别名,参考文章。二、js+react项目//第
卡尔特斯
·
2023-09-05 07:46
React
javascript
react.js
前端
React 配置别名 @ ( js/ts 项目中通过 @
craco
/
craco
配置)
使用@
craco
/
craco
的这种方式,可以在不释放React隐藏配置($npmruneject)的情况下就能解决。二、js/ts+react项目//
卡尔特斯
·
2023-09-05 07:46
React
javascript
react.js
前端
React 安装使用 Less(详细流程,包含 webpack、
craco
方式)
一、简介React项目开发中可能会使用到Less、Sass等样式预处理器,create-react-app创建的React项目,默认就是支持Sass的。如果需要使用Less则需要额外手动安装配置。二、方式一:webpack.config.js配置(不推荐)由于需要暴露隐藏的配置文件,不利于项目升级,不推荐使用。安装less与less-loader$npmilessless-loader-S#或$y
卡尔特斯
·
2023-09-05 07:40
React
react.js
less
webpack
常用配置src路径别名@(含ts项目、
craco
)
首先在
craco
.config.js中进行配置(
craco
.config.js文件就是用来对webpack进行二次配置的)constpath=require("path");//项目的配置文件module.exports
hui_Steven
·
2023-09-01 00:29
大前端
javascript
前端
react.js
typescript
craco
配置别名报错 Field ‘browser‘ doesn‘t contain a valid alias configuration
使用别名找不到路径
craco
.config.js配置文件package.json文件修改为最后一张图就可
wen's
·
2023-08-12 10:42
react.js
react
前端
使用
craco
配置基于 create-react-app 的开发环境,开放部分webpack配置
环境要求:Node.js依赖版本:create-react-app:3.4.1@
craco
/
craco
:5.6.4
craco
-less:1.16.0a
莫伊剑客
·
2023-07-26 12:58
使用
craco
修改create-react-app的默认配置
1.安装
craco
:yarnadd@
craco
/cracoornpmi@
craco
/
craco
安装好,修改"scripts":{"start":"react-scriptsstart","build":
beijixing_233
·
2023-07-24 19:28
create-react-app中配置支持less
进行开发吧比如项目中我想配置使用less都得让我自己去搞着配置webpack有的博客可能让你直接运行npmruneject让后暴露出来webpack的配置文件然后在里面更改不是上面的那种哈是另一种方式就是使用@
craco
yunchong_zhao
·
2023-07-16 18:12
react.js
less
前端
在creact-react-app当中使用
craco
插件,配置生产环境取消console解决办法
选择react框架进行前端开发,基本上都会用到creat-react-app这个官方提供的脚手架。但是这个脚手架有个很大的弊端,不能直接对该脚手架的默认项进行配置。相比于vue最新的脚手架@vue/cli而言,@vue/cli虽然也对webpack的配置进行了全面的封装,但是官方允许用户在项目根目录创建一个vue.config.js进行配置,并且提供了丰富的API,供用户去参考。从这一点而言,cr
任磊abc
·
2023-07-13 22:13
react
reactjs
javascript
在react项目中,使用
craco
插件进行mobx配置解决方案
在使用react项目中,不可避免的要使用蚂蚁金服出品的ant-desgin前端UI组件,ant-desgin推荐使用
craco
(一个对create-react-app进行自定义配置的社区解决方案),对create-react-app
任磊abc
·
2023-07-13 22:13
react
craco
react
mobx
React 添加引用路径时,使用@符号作为src文件
因为我的项目有用到antd,所以直接使用
craco
来配置引入
craco
$yarnadd@
craco
/
craco
修改package.
龟霸也是高达
·
2023-06-12 10:21
react
creat-
webpack
基于create react app的web页面优化大小的过程
安装分析工具首先安装webpack-bundle-analyzeryarnadd-Dwebpack-bundle-analyzer在工程的打包文件中加上plugin,笔者的工程使用的
craco
,因此在加入如下代码
钢铁油腻男
·
2023-04-18 12:42
React 自定义打包 path 和 alias
本来是想使用
craco
,但因为react-scripts版本是5.0.0,
craco
无法安装,因此只能使用react-app-rewired方案1.准备安装npmireact-app-rewired-Dnpmireact-app-alias-D2
karl_song
·
2023-04-14 21:38
react使用
craco
.config.js完成rem移动端适配(sass)
环境:"react":"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.8.2","sass":"^1.58.3",yarnadd@
craco
Holly
·
2023-04-07 17:37
javascript
react.js
前端
React项目规范:目录结构、根目录别名、CSS重置、路由、redux、二次封装axios
React项目(一)一、创建项目二、目录结构三、
craco
配置别名并安装less1.
craco
安装2.配置别名3.安装less四、CSS样式重置五、配置路由六、配置Redux1.创建大仓库2.创建小仓库
DantinZhang
·
2023-04-05 17:38
React项目
react.js
css
javascript
前端
前端框架
‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
node16以后,在运行不同项目时版本不同可能出现问题,解决办法:1、在命令行修改环境变量$env:NODE_OPTIONS="--openssl-legacy-provider"2、因为里面有两个包冲突了
craco
陈序员@
·
2023-04-05 12:25
good
method
javascript
vue
vue.js
教程:create-react-app创建的项目同时支持scss和less两种写法
1.支持scss,参考create-react-app官方文档yarnaddsasssass-loader2.通过
craco
来重写rea
xinyiyake
·
2023-03-31 12:42
react之webpack常用配置
1.用
craco
配置来去进行webpack相关配置。2.用react-app-rewired和customize-cra进行webpack配置。
Y了个J
·
2023-03-29 13:41
前端
webpack
react.js
javascript
【VUE】process.env,require,vite.config.js等问题的解决
首先解释一下为什选择
Craco
。我喜欢直接用create-react-app的搭建功能,不喜欢自定义太多,所以不想把工程eject。所以
craco
是不改工程默认设置下配置Web
姑老爷呀
·
2023-03-29 12:03
javascript
vue.js
react.js
craco
配置postcss8下的postcss-px-to-viewport插件
近日学习react+ts项目,使用最新版本create-react-app下创建项目时,默认已经引入了postcss8,在对其进行配置postcss-px-to-viewport,打算适配移动端视口时,遇到了一些问题:安装的postcss-px-to-viewport不适配最新版本的postcss8报出如下问题:解决方法:1.安装适配8的版本npmipostcss-px-to-viewport-8
蓝爱人
·
2023-03-25 14:05
postcss
javascript
前端
关于react-app-rewired和
craco
的部分性能对比
前言由于react-app-rewired的库太久的时间没进行维护,上次维护大约是在一年前了,所以考虑调研使用新的打包库
craco
所以除了对新的库按文档进行配置之外,还需要对其性能进行测试,考察其打包时间
头大如牛
·
2023-03-11 22:20
antd + react model自定义footer_更骚的create-react-app开发环境配置
craco
背景使用CRA脚手架创建的项目,如果想要修改编译配置,通常可能会选择npmruneject弹出配置后魔改。但是,eject是不可逆操作,弹出配置后,你将无法跟随官方的脚步去升级项目的react-script版本。如果想要无eject重写CRA配置,目前成熟的是下面这几种方式通过CRA官方支持的--scripts-version参数,创建项目时使用自己重写过的react-scripts包使用reac
weixin_39908948
·
2023-01-13 13:26
antd
+
react
model自定义footer
react打包后图片丢失
更骚的create-react-app开发环境配置
craco
更骚的create-react-app开发环境配置
craco
背景使用CRA脚手架创建的项目,如果想要修改编译配置,通常可能会选择npmruneject弹出配置后魔改。
Run丘比特
·
2023-01-13 13:16
reactjs
javascript
es6
typescript
less
react app rewrited替代品
craco
使用示例
目录1.不使用custom-cra的原因2.
craco
基本使用3.使用
craco
修改antd主题4.别名5.babel扩展6.分包7.配置代理8.最后1.不使用custom-cra的原因custom-cra
·
2022-11-10 14:48
React Native的Android开发调试环境搭建-真机版
目前来说,我找到了两种方案:1.使用npmruneject暴露config配置文件夹,来改写wabpack2.使用第三方的@
craco
/
craco
。
前端开发小陈
·
2022-10-26 15:15
react
native
android
webpack
REACT实战项目从0到1搭建(仅供参考)
、安装create-react-app5、创建项目6、本地服务启动二、项目框架结构三、常用的集成和配置1、ReactRouter(路由配置管理)2、redux(数据管理)3、axios4、UI组件5、
craco
6
不怕麻烦的鹿丸
·
2022-10-24 17:02
React
react.js
javascript
前端
REACT
前端框架
万字长文详解react项目使用
craco
进行配置并集成Prettier、Eslint、husky、lint-staged
项目搭建为什么使用
craco
使用create-react-app创建的项目默认是无法修改其内部的webpack配置的,不像vue-cli那样可以通过一个配置文件修改。
guxin_duyin
·
2022-10-19 07:38
前端工程化
react.js
前端
React中用@符号编写文件路径实现方法介绍
目录前言安装
craco
根路径下创建
craco
.config.js写文件路径前言无论是vue还是react开发,我们通常需要引入路径的便捷化配置,通常我们都会约定使用路径@作为根路径地址。
·
2022-10-08 19:58
react项目的@路径配置
如果是个人react开发的@路径简单配置安装cracoyarnadd@
craco
/
craco
复制代码2.根路径下创建
craco
.config.jsconstpath=require("path")module.exports
·
2022-09-20 19:18
程序员
上一页
1
2
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他