写在前面

本周有位群友说我不应该为了面试而背题，我很认同他的说法，这里想表达下我建立这个专栏的初衷吧。

1. 前端领域知识点繁杂分散，我认为再基础的点，不回顾也有可能忘记，所以我希望这个专栏可以像基地一样，我们常回来看看
2. 大家也能发现，我这里主要是收集或修改网络上的回答，是因为我真的觉得这些回答很好，这也引出第二点：看看别人是怎么表述这个观点的。

随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持的。 而如果摒弃了这些开发框架，那么开发的效率将大幅下降。在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建工具。 然而大多数的使用者都只是单纯的会使用，而并不知道其深层的原理。希望通过以下的面试题总结可以帮助大家温故知新、查缺补漏，知其然而又知其所以然。

Webpack是一种模块打包器，它可以将多个文件和模块打包成一个或多个bundle，以便在浏览器中运行。从零入门到工程化实战，你需要掌握以下内容：

webpack 构建基本配置参数

基本原理

谈谈你对Webpack的看法

1. Webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。

2. 它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。

1、概念：插件，它是对webpack本身的扩展，是一个扩展器，让webpack变得更加好用。

2、版权声明插件：BannerPlugin，但这个是webpack是自带的，所以可以不需要进行安装，在项目配置文件直接引用一下即可：const webpack = require（'webpack'）

前两篇文章中，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。

如果你还没有看过前两篇，推荐先阅读《带你深入解锁Webpack系列(基础篇) 》和 《带你深入解锁Webpack系列(进阶篇) 》

1.webpack与grunt、gulp的不同？