关键词：
引言
webpack的打包优化一直是个老生常谈的话题，常规的无非就分块、拆包、压缩等。
本文以我自己的经验向大家分享如何通过一些分析工具、插件以及webpack新版本中的一些新特性来显著提升webpack的打包速度和改善包体积，学会分析打包的瓶颈以及问题所在。
本文演示代码，仓库地址
速度分析 编写干净代码的9条必须知道的规则(代码片段)
...自己做了一些好事！规则#2-遵循既定的编码约定和标准我知道成为叛逆者并规划自己的路线很诱人。但有时，遵循既定的编码惯例和标准是值得的。这 查看详情
年薪80w的架构师总结：性能优化其实不难，记住这十条策略就够了
...策略了。现实中的性能问题和具体领域千差万别，我也不可能面面俱到。但是为了帮助你理解，我总结了十大常用的优化策略。我将这十大策略分成五个类别，每个类别对应两个相关策略，帮助你掌握。这五个类别是：时空相互 查看详情
如何知道你的推荐流每条数据是通过哪种策略召回？(代码片段)
...兴趣的资源(如：java、python、大数据等)，那么你知道每一条是通过哪种策略召回的呢？这里就带大家了解下。一、utm_medium在推荐流，当我们每点击一条资源时，在落地 查看详情
你可能不知道的setinterval的坑(代码片段)
...了错误，它还是会一直循环下去，不会停止。这就导致了可能你代码里存在着一些问题（比如你的代码可能有个一定概率下会发生的错误，而你使用setinterval来循环调用它，由于setinterval不 查看详情
写给中高级前端关于性能优化的9大策略和6大指标|网易四年实践(代码片段)
...(由于篇幅有限，那设计模式在后面再专门出一篇文章呗)可能有些性能优化建 查看详情
你可能不知道的14个javascript调试技巧(代码片段)
...花费更少的时间来解决这些错误。我们已经列出了14个您可能不知道的调试技巧，但可能要记住，这样下次你需要调试JavaScript代码时就可以马上使用了！现在就马上开始。1.‘debugger;’除了 console 查看详情
webpack性能优化系列-oneof(代码片段)
webpack系列文章：【Webpack性能优化系列(9)-多进程打包】极大的提升项目打包构建速度！！！【Webpack性能优化系列(8)-PWA】使用渐进式网络应用程序为我们的项目添加离线体验【Webpack性能优化系列(7)-懒加载和预加载... 查看详情
这22个vue3的实用技巧，你可能还不知道！(代码片段)
...复用之前的元素；使用key的注意事项：不要使用可能重复的或者可能变化key值（控制台也会给出提醒）如果数组中的数据有状态需要维持时（例如输入框），不要使用数组的index作为key值，因为如果... 查看详情
这22个vue3的实用技巧，你可能还不知道！(代码片段)
...复用之前的元素；使用key的注意事项：不要使用可能重复的或者可能变化key值（控制台也会给出提醒）如果数组中的数据有状态需要维持时（例如输入框），不要使用数组的index作为key值，因为如果... 查看详情
你可能不知道的docker命令的奇淫怪巧(代码片段)
原文:你可能不知道的docker命令的奇淫怪巧你可能不知道的docker命令的奇淫怪巧Intro介绍并收录一些可能会用到的一些简单实用却很少有人用的docker命令danglingimagesbuild自己的docker镜像的时候，有时会遇到用一个甚至多个中间层镜... 查看详情
webpack优化(代码片段)
注：总结自吴浩麟---《webpack深入浅出》第四章--优化 1.缩小文件的搜索范围1.1优化loader:module.rules中，使用test,include,exclude尽量准确地命中文件（夹）1.2优化resolve.extensions:后缀列表要尽可能小；频率高的文件后缀要放在前面；... 查看详情
webpack优化篇（四十七）：缩小构建目标(代码片段)
说明玩转webpack学习笔记目的目的：尽可能的少构建模块比如babel-loader不解析node_modules减少文件搜索范围优化resolve.modules配置（减少模块搜索层级）优化resolve.mainFields配置优化resolve.extensions配置合理使用aliasmodule.exports&... 查看详情
你可能不知道的一些gopackages知识(代码片段)
关于GoPackage关于GoPackageGoPackages主要用来把相关的functions,variables,和constants组织到一起，这样你就可以很方便的迁移Packages和把它们用到自己的程序中。注意除了mainpackage，Gopackages不是自治程序，不能被编译成可执行文件。它们必... 查看详情
mysql数据库的优化，你知道有哪些？(代码片段)
...结构设计和参数调整,以提高用户的相应速度,同时还要尽可能的节约系统资源,以便让系统提供更大的负荷.1.优化一览图2.优化笔者将优化分为了两大类,软优化和硬优化,软优化一般是操作数 查看详情
mysql数据库的优化，你知道有哪些？(代码片段)
...结构设计和参数调整,以提高用户的相应速度,同时还要尽可能的节约系统资源,以便让系统提供更大的负荷.1.优化一览图2.优化笔者将优化分为了两大类,软优化和硬优化,软优化一般是操作数 查看详情
spring中你可能不知道的事(代码片段)
...了，是众多Java开发大神的结晶，很多功能，很多细节，可能一辈子都不会用到，不会发现，作为普通开发的我们，只能尽力去学习，去挖掘，也许哪天可以用到呢。让我们进 查看详情
你知道的前端优化手段(代码片段)
...的前端性能优化的方法，希望对大家有些帮助~。性能可能带来的影响(贩卖焦虑警告❗️)试想当你做的酷炫特效因为慢了0.1秒就少被一个人看到时的落寞(ㄒoㄒ)& 查看详情
你可能不知道的viewport(代码片段)
概述前几天偶然看到一个pc端网页，发现用手机打开竟然同比缩放了，作为一个前端从业者，我自然想要弄清它到底是怎么缩放的。之后查了它的meta信息，css和js，发现没有任何兼容手机端的代码，那它到底是怎么缩放的呢？百... 查看详情