一直以来都习惯用各种脚手架搭建项目，突然想自己动手搭建项目，以此来做个学习记录。
- 前提：node环境
- 初始化项目，创建package.json
- 安装webpack
- 项目目录结构
- 验证项目打包
- 验证项目运行
1.前提：node环境
在命令提示符（cmd）界面上，输入node -v,查看是否安装了node，结果返回node版本信息，则已经安装,已经有了node环境。
如果没有，则在 Node.jS中文网 安装node。
2.初始化项目，创建package.json
2.1 创建一个文件夹，我这边创建的名字为：create_app_by_manual,进入对应的文件夹目录，并在目录上输入cmd，回车进入cmd命令提示符界面。
2.2 执行命令：npm init, 项目名不能为空，其他回车可以先回车，后面可以再做修改；
此时，查看文件夹，会发现多了一个package.json的文件，对应的文件内容配置信息：
name: 项目名称，名称不可以包含大写字母
version: 项目版本
description: 项目描述
main：项目的入口文件
scripts: 测试命令，一般会加上打包、运行的命令
license: 版权信息，ISC(开放源代码许可证)
3.安装webpack 局部安装webpack，防止不同的项目用同一个webpack版本打包，引起版本问题；执行命令：npm install webpack webpack-cli -D 安装完成会生成：package-lock.json文件跟node_modules文件夹 package.json跟package-lock.json文件的区别： package.json文件主要是项目的模板信息 package-lock.json文件主要是当前项目用的模板信息以及对应的子模板的信息，重要的是版本信息，防止自动更新，可以通过npm install来快速安装依赖包
4.项目目录结构
4.1 新增src文件夹（用于放源代码文件），新建index.js文件，作为项目的入口文件。新增public文件夹，以及新建index.html,新建webpack.config.js文件
4.2 index.html文件添加如下最基本的html代码：
4.3 index.js文件如下代码：
4.4 webpack.config.js文件添加如下配置信息：
4.5 引入webpack-dev-server,提供本地web服务，用于验证项目运行状态，命令：
npm install -D webpack-dev-server
4.6 package.json文件添加打包、运行命令：
5.验证项目打包
执行命令：npm build,进行打包验证：
查看dist文件夹，打包文件已经有了
6.验证项目运行
执行命令：npm start,进行运行验证：
下期，在此基础上可以进行引入React或者Vue,
