你或你的团队编写的源码。 你的源码会依赖的任何第三方的 library 或 "vendor" 代码。 总结： 需要注意的是不同的 devtool 的设置，会导致不同的性能差异。 "eval" 具有最好的性能，但并不能帮助你转译代码。

webpack 是个很强大的构建工具，其丰富灵活的配置决定了使用也不简单。在面试中经常能遇到 webpack 相关的问题，如果平常只是使用脚手架如 vue-cli 而没有好好深入学习研究 webpack 的话，估计答不上什么。我相信，如果没有深入了解，部分面试官也问不出什么。可…

前端工程化可以分成四个方面来说，分别为模块化、组件化、规范化和自动化。 模块化是指将一个文件拆分成多个相互依赖的文件，最后进行统一的打包和加载，这样能够很好的保证高效的多人协作。其中包含 JS 模块化：CommonJS、AMD、CMD 以及 ES6 Module。 CSS 模块…

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

另外就是对于自己编写的业务代码进行分包，根据路由进行懒加载，可以较好的提高首屏加载速度。 添加了全局 loading 来提高体验。 CDN 优化是在 webpack 中实现的，主要分为环境切换，webpack 打包技巧和 html-webpack-plugin配置三个部分。 通…

为了支持业务中少量的es6+的高级特性，最近在研究了一下babel的垫片，现将此整理为文字，如下。(本文旨在说明babel及babel周边相关的包之间的关系和使用方式，以及应用场景。) 理清了他们之间的关系，那么再正式来讲讲有关polyfill的二三事。 babel-polyf…

绝多部分问题，都可以在网上搜得到，所以整体开发还算顺利，难度一般，以下纪录本人项目中用到和总结的一些知识，后面有新的问题会更新，欢迎讨论！

推荐几个非常实用的 VS Code 插件. 附 gif 图. 1. Better Comments Better Comments 你可以使用不同的前缀来让注释显示为不同的颜色。 非常适合快速扫描并发现重要的代码片段。 若使用的话, 建议团队统一规范. 2. Bracket P…

在 egg 项目的 package.json 文件中，在 start 启动项中，--daemon 是后台启动。如果使用 docker 容器，需要去除 --daemon . -t 这个参数很重要，它代表不会进入到容器内部去执行命令，如果去掉它，会在容器内部执行启动 Dockerf…