前言 首先我们需要确认一点，不管是webpack也好，vite也好，rollup也好，他们都只是构建工具，所以这一章我们就来探索一下项目在构建时的策略所能带来的性能优化。想学习webpack的同学，请

@TOC 写在前面 vue项目在线下环境开发完成后，我们就需要项目的打包上线了，除了要知道打包命令npm run build 之外，我们还要知道项目整体文件依赖情况，web访问加载速度等概念，包括首屏

项目优化线上发布的时候，`减少js的体积`，是常用的手段，例如vue，vuex，axiox等改为cdn的引入形式，不是把它们打入bundle的形式

2022年12月公司因为经营问题，被迫裁员。 产研为裁员重灾区，身为前端开发的我理所当然的没有逃过这一劫。 好在虽被裁，但技术尚可，年龄不大，所以很快找到了新公司。 今年年初入职了现在这家公司

vite cdn 引入vue时报错 Uncaught TypeError: Failed to resolve module specifier "vue". Relative references

大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第6天，点击查看活动详情 是什么？ CDN：全称 content delivery network  内容分发网络 简称为CDN