从零到一搭建 react 项目系列之(一)
2020-08-16 本文已影响0人
越前君
详细介绍从零到一搭建基于 webpack 的 react 项目系列文章。基于 Webpack 4.x
、React 16.x
、redux
、redux-saga
、ESLint
、Prettier
、Ant-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
🎉
这个开篇很没有营养,哈哈。
继续往下看吧...