Vite 中如何导入静态 JS 文件？

如何将静态 js 文件导入 vite

当使用 vite 构建单仓库架构的项目时，可能需要引入静态 js 文件。以下是如何在共享包中导入这些文件：

1. 直接导入

如果你使用的是模块化包，例如 commonjs 或 esm，你可以直接使用 import 关键字导入 js 文件。确保使用包名，例如 @local/common，而不是相对路径。

2. 使用 a.b 或 a.default

如果你导入的 js 模块不是 esm，可以使用 a.b 或 a.default 来访问其导出。

示例代码

以下代码示例展示如何在 common 包中导入静态 js 文件：

// common.js
import myJs from '@local/common/my.js';

// 使用 a.b 或 a.default
const myFunc = myJs.a.func;

// 显示 myJs 中的变量
console.log(myJs.a.variable);

注意事项

• 确保你的 js 文件使用正确的模块化格式（例如 esm）。
• 使用包名而不是相对路径。
• 如果导入后无法使用 js 文件，请确保它已被正确导出。

以上就是Vite 中如何导入静态 JS 文件？的详细内容，更多请关注其它相关文章！