帮帝王蟹 review 代码，发现了他要重构的项目中，存在很多无用的 console.log(xxx) 的代码。 帝王蟹准备全局搜索 console.log ，然后挨个删除，但是代码中实在是太多了。 如果挨个去删，这种感觉就好像：遇见喜欢的人跟好朋友手牵手，心里明明想xx，却迟…

周末想顺便把已经做好静态页面的webApp项目做一下SEO优化，由于不想写蹩脚的SSR代码，所以准备采用预渲染，本来想着网上有这么多预渲染的文章，随便找个来跟着做不就完了嘛，结果年轻的我付出了整个周末..... 这篇文章就记录一下最后是怎么配置的 T.T 1. 简介与使用场景 …

大多数情况下，我们并不关心 webpack 是怎么做异步加载的，但是作为前端开发工程师我们需要对异步加载有一定的了解。 在讲解之前，先让我们搭建一个简单的webpack工程。 这里我使用了webpack-chain的方式配置 webpack。有兴趣的朋友可以去了解一下。 在讲解…

webpack-chain 是什么？通过链式的方式修改webpack的配置。 一些列出本人常用的使用webpack-chain的方式修改webpack配置. 整个文件为： 有时候需要xx插件在aa插件之前调用。 有时候需要xx插件在aa插件之后调用。 webpack4.x默认使…

该算法即简化了 Dependency hell 的解决方式，也带来了非常多的问题。 其错误原因就在于全局的 types 形成了命名冲突，因此假如版本重复可能会导致全局的类型错误。 一般的解决方式就是自己控制包含哪些加载的 @types/xxx。 node 会对加载的模块进行缓存…

1. 代码混淆 2. 资源放到 cdn 3. 无用库删除 4. gzip 压缩 5. 第三方库放到 cdn

我们都知道在vue和react这种单页面组件化项目中，建立socket连接会遇到:重复连接，切换页面连接中断 ,状态丢失等问题，而且如果想要在任何页面接受到来自socket传递的信息，所以在建立socket连接时候就要考虑是否要把连接实例化放在公共state里边统一管理，这样可…

文章中的配置，项目基于Vue CLI 3.0搭建，版本大于等于3.0不会有问题，其他环境版本请绕道😂。

在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望，我们就需要对 webpack 配置进行优化。 如何知道具体该如何优化喃，最直观的方式是分析它的输出文件，…