公司内总是有许多通用的工具方法、业务功能，我们可以搭建一个工具库来给各个项目使用。 新建一个项目目录如 fly-helper , 并 npm init 初始化项目。 tsconfig.eslint.json 我们根目录中增加了一个 tsconfig 文件，它将用于 eslint…

在vue项目中，我们是将整个项目打包到一个dist目录下，但是在实际开发中，当项目足够庞大时（一级路由几十个，二级路由上百个），我们仅仅改一个小的BUG，比如说改了某个地方的一个按钮边框颜色，但是要发到线上的时候就需要打包整个项目，这样就会造成开发2分钟，打包半小时的现象，所以…

rollup打包产物解析及原理（对比webpack） 上篇： webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） rollup定位 rollup比webpack晚出2年，对比web

这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。 路由使用按需加载后，打包生成的文件，每一个路由页面都对应一个js和css文件，入口main.js及其依赖则打包成了app.js和app.css，公共依赖都…

想必大家一定听说过 Nginx，若没听说过它，那么一定听过它的 同行 Apache 吧！Nginx 同 Apache 一样都是一种 Web 服务器。如果你还是对它不够了解，可以自己去深入的学习一下 Nginx 相关的知识，这里不做过多的介绍了，今天我们就来聊聊使用 Nginx …

当使用root 时 查找文件时会带上 location path 的路径去查找文件 当使用alias时查找文件不会带上location path 的路径去查找文件

开始打包的时候发现打包后的文件有10M以上，首屏加载特别慢，文件比较大，于是整理了webpack插件，压缩打包文件。

以上是笔者平时针对自己项目或者公司项目累积的一点vue项目打包优化知识，也许你有更好的优化点，或者更好的优化方案，欢迎提供案例，学习学习。