webpack 面试题

1, webpack 是一款模块化打包工具，webpack 是基于配置的，通过配置一些选项来让 webpack 执行打包任务。
webpack 在打包的时候，依靠依赖关系图，在打包的时候需要告知 webpack 两个概念：入口和出口

2、webpack 和 gulp 对比
Gulp 就是为了规范前端开发流程，实现前后端分离、模块化开发、版本控制、文件合并与 压缩、mock 数据等功能的一个前端自动化构建工具。说的形象点，“Gulp 就像是
一个产品的 流水线，整个产品从无到有，都要受流水线的控制，在流水线上我们可以对产品进行管 理。”另外，Gulp 是通过 task 对整个开发过程进行构建。

Gulp 是基于流的前端自动化构建工具，基于流的任务式的工具。
Webpack 是一款模块化打包工具，webpack 是基于配置的。

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照 依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔， 等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比 如 CommonJs 模块、AMD 模块、ES6 模块、CSS、图片、JSON、Coffeescript、LESS 等。
Gulp 和 Webpack 功能实现对比：从基本概念、启动本地 Server、sass/less 预编译、模块化 开发、文件合并与压缩、mock 数据、版本控制、组件控制八个方面对 Gulp 和
Webpack 进行对比。
详细参见：http://www.tuicool.com/articles/e632EbA
一百〇三、webpack 打包文件太大怎么办？
webpack 把我们所有的文件都打包成一个 JS 文件，这样即使你是小项目，打包后的文件也 会非常大。可以从去除不必要的插件，提取第三方库，代码压缩，代码分割， 设置缓存几个 方面着手优化。
详细参见：http://www.jianshu.com/p/a64735eb0e2b

一百〇四、谈谈你对 webpack 的看法
WebPack 是一个模块打包工具，你可以使用 WebPack 管理你的模块依赖，并编绎输出模块们所需的静态文件。它能够很好地管理、打包 Web 开发中所用到的 HTML、JavaScript、CSS 以及各种静态文件（图片、字体等），让开发过程更加高效。对于不同类型的资源，webpack 有对应的模块加载器。webpack 模块打包器会分析模块间的依赖关系，最后 生成了优化且合并后的静态资源。
webpack 的两大特色：
1.code splitting（可以自动完成）
2.loader 可 以 处 理 各 种 类 型 的 静 态 文 件 ， 并 且 支 持 串 联 操 作webpack 是以 commonJS 的形式来书写脚本滴，但对 AMD/CMD 的支持也很全面， 方便旧项目进行代码迁移。
webpack 具有 requireJs 和 browserify 的功能，但仍有很多自己的新特性：
1.对 CommonJS 、 AMD 、ES6 的语法做了兼容
2.对 js、css、图片等资源文件都支持打包
3.串联式模块加载器以及插件机制，让其具有更好的灵活性和扩展性，例如提供对
CoffeeScript、ES6 的支持
4.有独立的配置文件 webpack.config.js
5.可以将代码切割成不同的 chunk，实现按需加载，降低了初始化时间
6.支持 SourceUrls 和 SourceMaps，易于调试
7.具有强大的 Plugin 接口，大多是内部插件，使用起来比较灵活
8.webpack 使用异步 IO 并具有多级缓存。这使得 webpack 很快且在增量编译上