自己实现一个自定义React项目脚手架「ReactCli」

本文介绍了作者为何选择自己构建React脚手架,主要原因是寻求比create-react-app更灵活的配置选项,尤其是相比VueCLI的可定制性。文中详细列举了脚手架的目录结构,包括Webpack配置、Mock数据、公共文件、Babel配置等,并提供了项目启动、构建等相关命令。通过自定义脚手架,开发者可以更好地满足特定项目需求。
摘要由CSDN通过智能技术生成

前言

首先为什么想到自己实现一个React脚手架呢?是因为之前刚接触create-react-app时,觉得不太灵活。虽然文件目录很清晰,但是还是觉得不如VueCLI的可以自定义配置更加灵活。当然React官方提供了可以暴露配置的命令npm run eject,说再多不如自己实现一个。
脚手架一览
在这里插入图片描述

文档
Project operation
Install

npm install

Start

npm run dev

Build

npm run build

Document implication
build

Webpack configuration item.
mock

Analog data.
public

Template file.
.babelrc

Babel configuration.
.gitignore

There is no need to add NPM packages.
postcss.config.js

Postcss configuration file.
src

Project home folder.
SRC folder main file
assets

Static folder.
component

Place to store components.
request

HTTP request configuration.
router

Routing configuration.
store

State management.
utils

更多请见:http://www.mark-to-win.com/tutorial/50839.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值