面试官灵魂三连问：你用过webpack么，它的原理是什么？ 你还知道些构建工具，各有什么优缺点？ 你在项目中有配置过么，在哪些场景配置过？

Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

本文是我的前端面试系列的工具篇，汇总整理了webpack和Git的常见面试题，后续的复习过程中随时会对本文查漏补缺。如有不当之处，欢迎指正，感谢。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天 今天分享一下，我们项目当中的一些webpack配置，希望能给大家有所启发；只要配置多了，你就会发现其实所有的配置的都是相似的

无论是自己的日常开发，还是准备面试，都应该掌握一些关于 Webpack 的优化技巧。这篇文章将介绍13个常用的优化技巧，请码住收藏！

大家好，我是Webpack，AKA打包老炮，我的slogan是："打天下的包，让Rollup无包可打"

所以，大家是不是已经发现痛点了： 人工做的重复工作太多，耗时费力，如压缩打包上传等 代码可维护性差，将可复用的代码到处复制，不能保证代码的一致性，想要更新的时候得挨个改 要时刻考虑上古难题兼容性

前言 学习过Webpack都知道，Webpack在打包项目模块的过程中，有两个配置项是编译中的主角，分别是： Loader 模块预处理器 Plugin 插件 Loader会在解析每一个模块前判断文件名

1.有哪些常见的Loader？你用过哪些Loader？ raw-loader：加载文件原始内容（utf-8），如md文件 file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去