在 vite 中引入静态 js 文件

在 monorepo 架构中，经常需要动态导入公共包中的静态 js 文件。本文将介绍如何使用 vite 导入这些文件。

具体步骤

• 在公共包中放置静态文件：将所需的 js 和 json 文件放置在公共包中。
• 使用包名导入：在主项目中，使用包名导入公共包，例如：`import { loadjs } from '@common/utils'。
• 使用正确的语法：对于 js 文件，确保使用 esm 语法。如果 js 不是用 esm，可以使用 a.b 或 a.default 访问模块中的成员。

示例

在公共包中：

export const loadjs = () => {
  // 动态加载 .js 文件
};

在主项目中：

import { loadJs } from '@common/utils';

// 使用 loadJs 加载 .js 文件
loadJs();

注意

• 避免使用相对路径，直接使用包名。
• 确保 js 模块符合 esm 规范。