随着ES的普及我们越来越多的开始使用ES6的语法了，当然也随着mvvm框架的流行少不了js模块化，那js模块化又有那些呢？在很早的时候大家都用的命名空间，现在也有人用（库名.类别名.方法名）

output输出口必须是个对象，因为它必须有两个属性：filename输出出去的文件的名字，一般都是bundle.js，path文件要输出出去到哪里，一般都是dist文件，那如果我们是多页面引用，那上面这个输出就不行了

在平时开发中我们经常会用到Webpack这个时下最流行的前端打包工具。它打包开发代码，输出能在各种浏览器运行的代码，提升了开发至发布过程的效率。主要包含入口（entry）、输出文件（output）、模式、加载器（Loader）、插件（Plugin）等几个部分

Code Splitting是webpack的一个重要特性，他允许你将代码打包生成多个bundle。对多页应用来说，它是必须的，因为必须要配置多个入口生成多个bundle；对于单页应用来说，如果只打包成一个bundle可能体积很大，导致无法利用浏览器并行下载的能力

webpack 只能理解 JavaScript 和 JSON 文件。loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效模块，以供应用程序使用，以及被添加到依赖图中。

webpack 插件是一个具有 apply 属性的 JavaScript 对象。apply 属性会被 webpack compiler 调用，并且 compiler 对象可在整个编译生命周期访问

多页面配置通常有两种形式，一种是多页面多配置，一种是多页面单配置。因为webpack（3.1以上）可以直接处理一个配置对象的数组，所以可以为每个页面单独写一份配置。

loader定义: 用于对模块的源代码进行转换。loader 可以使你在 import 或\\\"加载\\\"模块时预处理文件,loader是一个node模块，编写loader时要遵循单一原则，每个loader只做一种\\\"转义\\\"工作

webpack配置文件默认情况下为webpack.config.js,即用原生js语法书写的配置文件。然而，在我们的项目中，有时候是使用的是其他语言语法进行编程，例如：es6、coffeeScript、typeScript等语言语法。

在编写库的时候，我们有时候会希望按需加载某些依赖，例如如果代码的运行环境不支持某些功能的话，就加载相关的Polyfill。webpack作为当前最流行的打包工具，早已支持动态加载的功能了。本文将讨论一种用webpack打包含动态加载的类库的方法。

tapable是webpack的核心依赖库 想要读懂webpack源码 就必须首先熟悉tapable。ok.下面是webapck中引入的tapable钩子 由此可见 在webpack中tapable的重要性

本地开发构建’自然离不开webpack，webpack想要工作，那它就需要各种插件的支持，有不少童鞋在平时的项目开发中使用过Webpack Plugins，这篇文章整理总结常用的webpackPlugin插件

刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里。下面我们就来分析下在webpack项目中图片的应用场景。

在 Web 开发导论/微前端与大前端一文中，笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。微服务与微前端，都是希望将某个单一的单体应用，转化为多个可以独立运行、独立开发、独立部署、独立维护的服务或者应用的聚合

这里其实没什么太大意义，无非是想请你们亲自去看看自己项目到底用了哪些loader而已, 下面简单列出一些。style-loader 将css添加到DOM的内联样式标签style里