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

本篇文章向大家介绍《如何清除 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()` 中的缓存？》文章吧，也可关注golang学习网公众号了解相关技术文章。