搭建webpack项目

概述

webpack是一个现代javaScript应用程序的静态模块打包器。当webpack处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。
它的出现是由于现代web开发越来越复杂，如果还是像原来那样把所有的js代码都写到一个文件中，维护非常困难。

创建一个崭新的文件夹

使用命令创建一个package.json文件

(创建时需要输入很多参数，分别是1、项目名称，2、迭代版本，3、项目说明，4、主入口文件，5、封装的可执行命令，6、作者，7、源协议名称）

输入命令 npm init

安装webpack依赖及项目依赖

npm install webpack -g
npm install webpack-dev-server
npm install webpack-cli

在安装过程中，每个依赖的版本很重要，防止出现两个不兼容的版本
完成之后package.json大概是这个样子，说明安装成功

其中，要在scripts模块下，添加dev和start

创建相关页面并配置webpack.config.js

创建相关页面

webpack.config.js的配置

index.html

标记文本

index.js

启动

输入命令 npm start

启动成功，查看页面