手把手webpack搭建前端架子

这里以react为例==>

(一)初始化package.json

package name:                      你的项目名字叫啥
version:                          版本号
description:                       对项目的描述
entry point:                      项目的入口文件（一般你要用那个js文件作为node服务，就填写那个文件）
test command:                     项目启动的时候要用什么命令来执行脚本文件（默认为node app.js）
git repository:                    如果你要将项目上传到git中的话，那么就需要填写git的仓库地址（这里就不写地址了）
keywirds：                       项目关键字（我也不知道有啥用，所以我就不写了）
author:                         作者的名字（也就是你叫啥名字）
license:                        发行项目需要的证书（这里也就自己玩玩，就不写了）

(二)安装webpack

npm install webpack webpack-cli --save-dev

(三)创建相关文件并配置

npm install html-webpack-plugin --save-dev

npm install webpack-dev-server --save-dev

这样配置下来

(四)安装react

npm install react react-dom

npm install @babel/core @babel/preset-env @babel/preset-react babel-loader --save-dev