微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在全局中导入 lib,以便我可以在导入的 js 文件中访问它?

如何解决如何在全局中导入 lib,以便我可以在导入的 js 文件中访问它?

为什么我认为将我的库放在全局中并在不同的文件中访问它是一个有效的选择: 首先我有一个 js 文件,但我的文件越来越大,所以我只是将它分成两部分,现在我通过函数导出访问我的第二个文件函数。 那么为什么当我在单个文件上时我必须导入一次 lib,但当我使用多个文件时多次导入

我想做什么

当我尝试在 JavaScript 中使用 lib 时出现错误

例如,我将使用“lib”而不是来自 js 的真实库

这是我的文件

app.js

import lib from 'lib'

console.log(lib)

这是有效的,但是当我添加

app.js

import lib from 'lib'
import my_file from './file_path.js'

file_path.js

console.log(lib)

这不起作用,我必须在新文件中导入我的库

file_path.js

import lib from 'lib'
console.log(lib)

我收到这个错误

未捕获的引用错误:未定义 lib

但我不想重复我的导入,我该怎么做?谢谢

解决方法

我找到了一个适用于窗口的解决方案

你只需要将你的库添加到一个像这样的窗口变量中:

app.js

import lib from 'lib';
window.lib = lib;

import my_file from './file_path.js'

现在您可以在“my_file”中使用您的库而无需再次导入

PS:感谢帮助我解决问题的人:)

,

/!\ 必须在节点应用程序中才能使用此方法 /!\

我也找到了窗口和导入的替代方法

我们可以像这样使用 require:

window.lib = require('lib');

现在我们只有一行而不是 2 这是我目前找到的最好的解决方案,不知道我们是否可以做得更好,让我知道

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。