从零到一搭建 react 项目系列之(一)

简介: 从零到一搭建 react 项目系列之(一)

正文


详细介绍从零到一搭建基于 webpack 的 react 项目系列文章。基于 Webpack 4.xReact 16.xreduxredux-sagaESLintPrettierAnt-Design 等。


*Github 项目 webpack4_demo 点击这里查看本系列文章目前暂未写完,加速 ing...

有必要说明一下:

本项目涉及的知识点,我会尽可能地详写。该系列文章有些东西可能比较基础,大佬可绕路或者跳过。

本系列文章的初衷亦是如此,尽可能让每个前端开发人员都能看懂,即使是刚入坑或者前端基础较弱的朋友。(比如本人  )

一些我认为比较容易忽略,或者需要注意的地方,我也会特意标注。

本人文笔以及涉猎的知识面有限,文章中可能有词不达意之处,或有偏差错误之处。烦请认真阅读,若有不足,非常欢迎指正。


那就从最简单的开始吧。


一、克隆项目

$ git clone https://github.com/toFrankie/webpack4_demo.git
$ cd webpack4_demo


二、创建 .gitignore

# 创建 .gitigonre
$ touch .gitigonre


并添加必要配置,根据需求自行添加。

# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage
# production
/build
/dist
# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local
npm-debug.log*
yarn-debug.log*
yarn-error.log*


三、推送至远程仓库

# 提交暂存
$ git add .gitignore
# 将本地暂存的修改提交到版本库
$ git commit -m "initial .gitignore"
# 推送至远程仓库
$ git push -u origin master


2.webp.jpg


这个开篇很没有营养,哈哈。


继续往下看吧...


目录
相关文章
|
6月前
|
前端开发 JavaScript 测试技术
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
182 0
|
6月前
|
前端开发 API 数据安全/隐私保护
【第45期】一文解决React项目的权限管理
【第45期】一文解决React项目的权限管理
336 0
|
6月前
|
Web App开发 资源调度 JavaScript
竟然可以在一个项目中混用 Vue 和 React?
竟然可以在一个项目中混用 Vue 和 React?
666 0
|
6月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
100 2
|
6月前
|
存储 JSON 前端开发
react保姆级搭建新项目
此文主要以ts+vite+router6+antd 快速搭建一个react项目,适用于初学者,用于学习交流
109 2
|
6月前
|
移动开发 JavaScript 前端开发
vue/react项目刷新页面出现404的原因以及解决办法
vue/react项目刷新页面出现404的原因以及解决办法
696 0
|
6月前
|
存储 资源调度 前端开发
【React | 完整项目创建流程】能看到这么详细的React配置流程,就偷着乐吧!
【React | 完整项目创建流程】能看到这么详细的React配置流程,就偷着乐吧!
214 1
|
6月前
|
前端开发 JavaScript API
Github 上 8 个很棒的 React 项目
Github 上 8 个很棒的 React 项目
1524 0
|
6月前
|
前端开发 开发工具 git
React项目包结构的作用
React项目包结构的作用
114 0
|
6月前
|
前端开发
React 中 react-i18next 切换语言( 项目国际化 )
React 中 react-i18next 切换语言( 项目国际化 )
595 0
下一篇
无影云桌面