了解webpack静态模块打包器

什么是webpack：

现代 javascript 应用程序的 静态模块打包器 (module bundler)

• 静态: 文件资源
• 模块: node环境, 引入文件, 遵守模块化语法

• 除了合并代码, 还可以翻译和压缩代码

---

操作顺序：

1. 安装node
2. 用npm init 初始化项目(如果已经有package.json，则跳过这一步)
3. 在当前项目中安装并使用webpack

---

下面可以看一个简单的案例来使用webpack

示例项目：

项目名
├── index.html
├── index.js
├── tool.js
└── package.json

目标：在一个已存在的项目中，一个html文件中引入了两个js文件，完成某个功能。现在是的任务是把这两个js打包成一个js文件。下面开始如何使用webpack静态打包器

---

初始化项目：

1 . 任意新建一个空文件夹，取名为webpack-demo，进入到文件夹内部，用 npm init -y 命令来生成一个package.json