优化，就是加以改变或选择使优良，在工作当中是让提升效率的好办法。 1. 去除无用的样式 配置完毕了，上面包含了一些基本的配置。大家可以把重点放在注释为去除无用的样式代码部分即可了 2. 动态添加CDN 3. Tree-shaking 可想而知，副作用出现了，去dist目录下再看…

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。

前几天，同事在群里问了这么一个问题：一个 vue-cli 启动的项目，使用多页面打包方式，打包出两个应用a和b。a应用引入vant库ipunt组件，b引入vant库list组件。如果把vant打成一个单独的包，里面会既有input也有list，所以a应用加载了它并不需要的lis…

如果大家看过一些 webpack4 优化的文章，一定会出现 dll 动态链接库。它以配置之复杂让众多初学者记忆犹新。今天我会以一个学习者的角度去一步一步探讨 webpack dll 的配置，最后得出一

前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。 但是对项目里的webp…

近几个月，接手了一个老项目的重构规划，有多老呢？就是前端青铜时代的项目，一个前后端都在同一个锅里的项目、完全没有使用任何的打包工具。 前端 html、css、js三剑客 加上 jQuery 复制粘贴就是干。 前端不够后端来凑。如果前端有一些需求不是很复杂的话，后端人员有时候也会…

项目是通过vue-cli3 来构建的, 项目随着需求的不断增加. 代码量也在随着增大. 项目的文件大小也随着增加. 但是这一情况就变得,异常棘手. 我们也需要找到解决办法, 来处理这件事情, 来提高项目的运行效率. 在考虑优化之前, 我们来看下在之前项目的结构中, 我们需要做什…

继承于我们前端来说绝对是非常熟悉也必须熟悉的一个高频必懂知识点。熟悉到只要是面试一定会有关于继承的问题；而且源码中继承的使用也随处可见。 可依旧有很多前端对继承的实现和应用没有一个整体的把握。追其原因无非有二： 无论由于哪一个原因，建议请尽快弄懂继承的实现和应用，否则你可能会如…