如何清除 JavaScript `import()` 中的缓存？

清除 javascript import() 缓存

在使用 javascript 中的 import() 动态导入脚本时，浏览器可能会缓存这些脚本，这会影响开发过程中的调试。本文将提供两种方法来清除缓存，以确保每次导入时重新加载脚本。

方法一：添加时间戳

可以在 import() 的 url 中添加一个时间戳，这样浏览器就会每次重新加载脚本。示例代码如下：

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

方法二：配置构建工具

webpack 构建

在 webpack 构建中，可以通过将 cache 设置为 false 来关闭缓存。示例代码如下：

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

vite 构建

在 vite 中，可以通过在 config.js 中设置 cachedir 为 false 来关闭缓存。示例代码如下：

const { resolve } = require('path');

export default {
  //...
  cacheDir: false,
  build: {
    // ...
    cssCodeSplit: false,
  },
  server: {
    // https: true, // <= https 服务启动
    proxy: {
    },
  },
  resolve: {
    alias: {
      '@': resolve('./src'), // <= 入口目录的根路径
    },
  },
};

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