2. router 按需加载 Dll打包以后是独立存在的，只要其包含的库没有增减、升级，hash也不会变化，因此线上的dll代码不需要随着版本发布频繁更新。 App部分代码修改后，只需要编译app部分的代码，dll部分，只要包含的库没有增减、升级，就不需要重新打包。这样也大大提…

webpack config 配置

很显然，NODE_ENV 属性并不在 process.env 对象上，但通过字面意思（node environment）可以知道，这意为 node.js 环境。 express.js 中首次使用该变量，然后推广、普及至整个前端社区。 它的主要用途是：在使用 node.js 环境…

随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构建效率不断提升带来的快感，配置不断减少的舒适，也一直为重写的构建事件钩子机制煞费苦心，为插件各种不兼容心灰…

体积的大小直接关系到我们项目的加载速度， 而SPA的首屏加载速度又决定了用户的留存。对于体积优化，我们可以从俩个方面来下手。But 在那之前我们要先对自己的项目依赖构成进行分析，确定了优化的目标才能着手思考优化方案，进而实施优化方案。 我们只需要在每次打包的时候使用它，可以通过…

Loader有些场景下还需要返回除了内容之外的东西。 Loader 有同步和异步之分，上面介绍的 Loader 都是同步的 Loader，因为它们的转换流程都是同步的，转换完成后再返回结果。 但在有些场景下转换的步骤只能是异步完成的，例如你需要通过网络请求才能得出结果，如果采用…

这部分着重介绍：babel 编译ES6语法，如何用webpack实现模块化。 ES6 提供了许多新特性，但并不是所有的浏览器都能够完美支持。下图是各个浏览器对ES6兼容性一览表(以export为例) 由上图可知，有些浏览器对于ES6并不是很友好，针对 ES6 的兼容性问题，很多…