在线上项目中,需要统计产品中用户行为和使用情况，从而可以从用户和产品的角度去了解用户群体，从而升级和迭代产品，使其更加贴近用户。用户行为数据可以通过前端数据监控的方式获得，除此之外，前端还需要实现性能监控和异常监控。性能监控包括首屏加载时间、白屏时间、http请求时间和http…

前言 去年同期写过一个基于 Node 的 DevOps 系列，但是整个项目工程非常大，上手成本比较高，对于一些中小型团队或者新手参考的意义不算多，所以针对这些群体重启了一个新的工程化系列。 新的系列将

盼望着，盼望着，2020 年 9 月 ，Vuejs 3.0 发布了；2021 年 2 月，Vite 2.0 发布了。 没办法，撸起袖子干吧！下面我们就来看看如何用 Vue_CLI4 及 Vite 搭建 vVue 3.0 项目。 通过 @vue/cli 实现的交互式的项目脚手架。…

webpack 的核心配置的创建和修改基于一个有潜在难于处理的 JavaScript 对象。虽然这对于配置单个项目来说是没有什么问题的，但当你团队中有比较多项目，并且尝试所有项目共享 webpack 配置文件时，你会觉难以入手，因为你需要考虑构建配置的可扩展性，比如某个子项目有…

作者：鲲尘前言snowpack / vite 等基于 ESM 的构建工具出现，让项目的工程构建不再需要构建一个完整的 bundle。很多人都觉得我们不再需要打包工具的时代即将到来。借助浏览器 ESM

这个时候你直接引用文件地址自然是行不通的。 在vue.config.js文件里添加externals。 index.html 区分环境并引入js文件。 结束上面的步骤后就可以愉快的引用image-position.js文件了。 在Vue项目的打包体积优化中，cdn加速是常用的一…

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

小即是快！如果你装的包有问题，可能是版本不兼容，真的坑... 速度分析（webpack5到目前还不支持），使用smp.wrap包裹。 2、利用 client 的长效缓存机制，命中缓存来消除请求，并减少向 server 获取资源，同时还能保证 client 代码和 server …

上面已经创建好了要打包的文件，并且都互相导出、引入。接下来创建lib文件夹，用来存放自己实现的bundler.js相关文件，用来实现打包功能。 bundler.js会导出一个bundler类。 并且会接收webpack配置传进来的options参数。 最后执行run()函数执行…