Vite 构建优化:从 3 秒到 300ms 的打包蜕变

Vite 构建优化

一、Vite 为什么快

利用浏览器原生 ESM,开发时无需打包,按需编译。

二、打包优化

// vite.config.js
export default {
  build: {
    rollupOptions: {
      output: {
        manualChunks: { vendor: ['vue', 'vue-router'] }
      }
    }
  }
};

三、缓存策略

合理设置 max-age,配合指纹文件名实现永久缓存。

评论(9)