如何清除 JavaScript import() 导入的脚本缓存？

js import() 清除缓存实现

使用 js import() 动态导入脚本时，浏览器会默认缓存已导入的脚本文件，这会带来性能问题，尤其是当脚本内容频繁发生变化时。为了解决这个问题，有以下几种方法：

1. 时间戳法

在 import() 中加入一个时间戳，每次导入都会生成一个新的资源地址，从而绕过浏览器缓存：

import(`./mymodule.js?v=${date.now()}`);

2. webpack 设置

立即学习“Java免费学习笔记（深入）”；

如果你使用 webpack 进行构建，可以在 webpack 配置文件中设置 cache: false，这样可以禁用 webpack 的缓存，强制每次构建都重新加载脚本文件：

module.exports = {
  //...
  cache: false,
};

3. vite 设置

如果是使用 vite 构建，可以在 vite 配置中将 build.cache 设置为 false，同样可以禁用缓存：

以上就是如何清除 JavaScript import() 导入的脚本缓存？的详细内容，更多请关注其它相关文章！