React-webpack环境配置-初步稿子

最新推荐文章于 2025-06-06 09:00:33 发布

weixin_30426879

最新推荐文章于 2025-06-06 09:00:33 发布

阅读量148

点赞数

CC 4.0 BY-SA版权

文章标签： webpack ViewUI

原文链接：http://www.cnblogs.com/songmengyao/p/7118114.html

本文详细介绍了如何通过命令行工具搭建并运行一个React项目，包括打开命令窗口、切换到项目目录、安装依赖包、安装Webpack等步骤，并给出了本地运行项目的具体方法。

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

1、打开命令窗口：cmd

2、进入react项目所在文件夹：cd 项目所在路径（路径可以直接拖拽）

3、安装该项目所有的依赖包：npm install

(windows系统下装依赖的话，可能会需要这个命令npm install --global --production windows-build-tools)

4、安装webpack的命令：npm install webpack --g

5、node运行命令：npm run dev

6、打开浏览器，输入代码里面设置的地址。例如：localhost:3000

转载于:https://www.cnblogs.com/songmengyao/p/7118114.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30426879

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

CRA应用使用craco实现webpack配置+module.less+src别名配置+企业级路由配置等一系列基本配置

yiguoxiaohai的博客

05-12

2669

create-react-app + craco修改webpack配置 + module.less + @别名配置src + 样式重置 + 自动注入全局样式或变量 + 代码混淆 + 企业级路由配置 + 配置 keep-alive + 控制台调试+构建产物分析+设计稿的比例和单位转换 + 代码格式化

【React】CRACO 重写 React 配置

小秀的博客

09-10

753

eject 命令可以是将 cra 配置完全暴露出来，但这是一个不可逆的操作，同时也会失去CRA带来的便利和后续升级。所以我们可以选择 craco 重写 react 配置。craco 是专门由于 cra 配置的重写，扩展配置 cra （webpack）。根目录下创建 craco.config.js 和配置。

参与评论您还未登录，请先登录后发表或查看评论

create-react-app craco进行webpack配置

一条宝鱼的专栏

12-15

2946

如何在不通过npm run eject进行webpack配置呢？现在我们用craco配置来去进行webpack相关配置。 yarn add @craco/craco //或者 npm install @craco/craco --save 在项目根目录新建craco.config.js文件修改package.json "scripts": { "start": "craco start", "build": "craco bui..

CRACO项目配置入门指南：从零开始掌握高级React配置

最新发布

gitblog_00480的博客

06-06

430

CRACO项目配置入门指南：从零开始掌握高级React配置什么是CRACO CRACO（Create React App Configuration Override）是一个强大的工具，它允许开发者在不eject的情况下自定义Create React App（CRA）的配置。对于使用CRA创建项目但又需要定制化webpack、babel等配置的开发者来说，CRACO提供了完美的解决方案。配置文...

react安装和使用--webpack

XuHanging的博客

07-14

479

初始化项目 npm init 通过npm安装 npm install --save react react-dom babelify babel-preset-react npm install --save babel-preset-es2015 第一个react var Rect = require('react'); var ReactDOM = require('react-dom'

React项目使用craco修改webpack配置

.伊泽瑞尔

10-31

999

React项目使用craco修改webpackk配置

React项目使用craco（由create-react-app创建项目）

weixin_57844432的博客

11-22

3900

craco适用：使用 create-react-app 创建项目，不想 eject 项目但想对项目中 wepback 进行自定义配置的开发者。

react-app-rewire-html-webpack-plugin:重新连接create-react-app以覆盖项目中的html-webpack-plugin

05-23

重新连接create-react-app以覆盖项目中的html-webpack-plugin 让您覆盖选项安装 $ yarn add react-app-rewired react-app-rewire-html-webpack-plugin -D $ npm install react-app-rewired react-app-rewire-...

react-webpack-starter:基于React和Webpack的入门工具包

05-17

React-Webpack-启动器基于React和Webpack的入门工具包，用于个人练习。设置 # Install dependencies npm i # Serve on localhost:8080 as default port npm start # Build for production usage npm run build ...

react-refresh-webpack-plugin：一个Webpack插件，用于为React组件启用“快速刷新”（以前称为热刷新）

02-05

React Refresh Webpack插件一个EXPERIMENTAL Webpack插件，用于为React组件启用“快速刷新”（以前也称为“热刷新”）。先决条件首先，这个插件不是100％稳定的。我们正在努力开发稳定的v1版本，并且已经对插件...

react-webpack5-start:react-webpack5-start

04-20

react-webpack5-start 应用 typescript、react、mobx、webpack5 开发环境集成。软件架构支持 antd 主题自定义配置安装教程下载本包之后 npm install 启动方式： npm start webpack5 相较于之前版本，主要以优化...

react-app-rewired:覆盖 create-react-app webpack 配置而不弹出-开源

07-18

调整 create-react-app webpack 配置而不使用 'eject' 并且不创建 react-scripts 的分支。 create-react-app 的所有好处，没有“无配置”的限制。您可以添加任何需要的插件、加载器。从 Create React App 2.0 开始...

React学习---初识React

茹嗨瑞的博客

11-09

474

React是Facebook开发的一款js库，也就是js插件一个非常大的插件，Facebook为什么要创造React呢，主要为了解决什么问题，通过这个又是如何解决的？ Facebook为什么要创造React呢 Facebook 认为 MVC 模式会使他们的项目变得更加复杂，致使代码变得脆弱和不可预测，非常难以理解和调试，特别是模型和视图间可能存在的双向数据流动。Facebook公司后期改名为meta。

基于craco配置的react项目的webpack构建优化

guxin_duyin的博客

10-10

4770

craco webpack 构建速度构建体积 thread-loader cache-loader hard-source-webpack-plugin 持久化缓存 inxlude SplitChunks gzip

【React】Craco 简介

Bl_a_ck的博客

05-11

642

Craco (Create React App Configuration Override) 是一个用于自定义 Create React App (CRA) 配置的工具，无需 eject（弹出）项目。

【React】React18+Typescript+craco配置最小化批量引入Svg并应用的组件

harmsworth的博客

04-05

1234

无论是哪种Web UI框架都不可避免的要与Svg打交道，那么批量引入才更方便管理Svg。

react中使用craco自定义配置

qq_45290368的博客

12-10

793

react中使用craco自定义配置

React项目利用craco配置别名和less

weixin_47593738的博客

03-25

806

第一步：安装craco和craco-less 第二步：在项目根目录创建craco.config.js文件第三步：在项目根目录创建jsconfig.js文件

react使用craco插件配置别名路径@

要胖的博客

02-23

847

react使用craco插件配置别名路径@ dependencies和devDependencies区别