webpack

prepare:

npm init -y
npm install --save-dev webpack webpack-cli
npm install --save-dev webpack-dev-server

webpack --config webpack.config.js
webpack serve --port 3000

简单来说，"打包" 就是将
entry 文件中的代码及其所有依赖处理后生成 output 文件的过程。

• 从入口文件（entry）开始分析应用程序的依赖关系。

• 递归解析每个依赖的模块，并通过 loaders 进行处理。

• 应用插件（plugins） 对模块进行进一步的优化或转换。

• 将所有处理过的模块合并到输出文件（output），最终生成可部署的代码。

• 最后部署到devServer

HtmlWebpackPlugin