package.json 是 NPM 项目的核心配置文件。 package-lock.json 用于辅助package.json配置，确保团队协作依赖一致性。

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~

前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…

通过安装 webpack-bundle-analyzer 插件，分析打包之后的具体文件大小。譬如 vue-3d-model 插件，在项目中最后并没有用到，就可以去掉这个依赖包。

1.定义 通过链式调用操作webpack 配置对象。(chain：链子) 2.包含的对象ChainedMap和ChainSet ChainedMap ChainSet 3.常用方法 toString(

1. 引言 webpack是前端开发中重要的打包工具。对初中级工程师来说可能难以入门，无从下手，不能顺利的配置属于自己项目webpack配置。没关系，本文将结合webpack的构建流程，梳理常用配置，

背景 随着前端技术的不断发展，网页应用程序变得越来越复杂，并且需要更多的资源来加载和运行。在使用 Vue2 构建的项目中，打包后的文件大小可能会非常大。 我的一个可视化系统项目，文件约1302个、有效

我们先从字面意思来进行翻译看看：Tree是树，sharking是摇晃的意思。那么树摇晃的时候，肯定会'摇'下来一些无用的叶子。从编程的角度思考，如果假设我们的代码是一棵树（Tree），那么摇下来的无用的的叶子是什么呢？当然是无用的代码啦，他有个专业的术语，叫做dead-code…

主篇 Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案。 根据主篇内容继续通过 compression-webpack-plugin 插件处理 chunk-vendor