利用webpack开发项目一般需要先下载webpack、webpack/cli、webpack-dev-server。下面对这三件套进行说明。

webpack

本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。

webpack/cli

webpack的命令行接口。
为了更合适且方便地使用配置，可以在 webpack.config.js 中对 webpack 进行配置。CLI 中传入的任何参数会在配置文件中映射为对应的参数。

webpack-dev-server

webpack文档中的三个开发环境之一。
默认只对js文件资源的更新进行监视和即时更新
通过在webpack.config.js中设置devServer可以监视其他类型资源的变化并引发重新打包：

  1. devServer:{
  2.   port:8888,
  3.   watchFiles:['src/*.html']
  4. }