webpack是什么东西

| 企服解答

webpack是一个现代JavaScript应用程序的静态模块打包器（module bundler）。

webpack是什么东西

webpack 的五个核心概念：

1、Enery

​入口(Enery)指示 webpack 以那个文件为入口起点开始打包,分析构建内部依赖图。

2、Output

​输出(Output)指示 webpack 打包后的资源 bundles 输出到哪里去,以及如何命名。

3、Loader

Loader 让 webpack 能够去处理那些非JavaScript 文件(webpack 自身只理解JavaScript)。

4、Plugins

​插件(Plugins)可以用于执行范围更广的任务，插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量。

5、Mode

​区分开发环境和生产环境的编译：development(开发环境)和production(生产环境)。

| 扩展阅读

webpack的优点：

1、可以模块化的打包任何资源,适配任何模块系统,适合SPA单页应用的开发。

2、plugins插件丰富，能做的事情非常多。

3、社区活跃,能为大多数场景找到已有的开源扩展。

webpack的缺点：

1、对初学者不利，调试很难定位问题。

2、配置复杂,通过babel编译后的js代码打包后体积过大。