# importmap去做 Vite打包缓存“contentHash”

# 背景

vite/issues-6928 20240521101047

# 根目录下新建 assets/main-[contentHash].js

import('./module-[idHash].js');
1

# index.html增加脚本引用

<!-- index.html -->
<script type="importmap">
  {
    "imports": {
      "./assets/module-[idHash].js": "./assets/module-[contentHash].js"
    }
  }
</script>
1
2
3
4
5
6
7
8

放在所有其他的script标签之前

# 效果对比

  1. 未修改文件时:两次打包对比

    20240521100709 20240521100914

  2. 修改文件时:两次打包对比

    20240521100709 20240521100956