webpack配置项？
bower用过吗？
package.json中都有哪些主要字段？
Webpack有哪些loader、插件?
详见：www.jianshu.com/p/64dfb0d41…
Webpack moudle、chunk、boundle区别？
详见：segmentfault.com/a/119000001…
对于一份同逻辑的代码，当我们手写下一个一个的文件，它们无论是 ESM 还是 commonJS 或是 AMD，他们都是 module ；
当我们写的 module 源文件传到 webpack 进行打包时，webpack 会根据文件引用关系生成 chunk 文件，webpack 会对这个 chunk 文件进行一些操作；
webpack 处理好 chunk 文件后，最后会输出 bundle 文件，这个 bundle 文件包含了经过加载和编译的最终源文件，所以它可以直接在浏览器中运行。
我们直接写出来的是 module，webpack 处理时是 chunk，最后生成浏览器可以直接运行的 bundle。
Webpack hash、chunkhash、contenthash都有哪些区别？
详见：segmentfault.com/a/119000001…
简略总结：
hash的构建和整个项目相关，生成文件的hash的项目的构建hash相同，无法实现cdn和浏览器缓存；
chunkhash根据不同的入口文件进行依赖文件解析、构建对应的chunk、生成对应的哈希值；
contenthash根据文件内容创建唯一的hash，文件内容不变，hash就不变。
webpack与gulp有何区别？
Webpack与Gulp、Grunt没有什么可比性，它可以看作模块打包机，通过分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。Gulp/Grunt是一种能够优化前端的开发流程的工具，而WebPack是一种模块化的解决方案，不过Webpack的优点使得Webpack在很多场景下可以替代Gulp/Grunt类的工具。
他们的工作方式也有较大区别：
Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，工具之后可以自动替你完成这些任务。
Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的JavaScript文件。
工作原理？
- 初始化：从配置文件或是shell读取与合并参数，得到最终参数，实例化插件new Plugin()
- 开始编译：通过上一步初始化得到的最终参数，初始化一个Compiler对象，加载插件（依次调用插件中的apply方法），通过执行Compiler.run开始编译
- 确定入口：根据配置中entry找出所有入口文件
- 编译模块：从entry出发，调用配置的loader，对模块进行转换，同时找出模块依赖的模块（如何找？见下文），依次递归，直到所有依赖模块完成本步骤处理
- 完成模块编译：这一步已经使用loader对所有模块进行了转换，得到了转换后的新内容以及依赖关系
- 输出资源： 根据入口与模块之间的依赖关系，组装成一个个chunk代码块，并且生成文件输出列表
- 输出成功：根据配置中的输出路径和文件名，将文件写入文件系统，完成构建
