Javascript 如何导入已导入其他文件的文件?
Javascript,ES6。我有三个文件: inline-functions.js some-module.jsJavascript 如何导入已导入其他文件的文件?,javascript,ecmascript-6,import,visual-studio-code,Javascript,Ecmascript 6,Import,Visual Studio Code,Javascript,ES6。我有三个文件: inline-functions.js some-module.js import './inline-functions.js' const someFuncion1 = () => 1; const someFuncion2 = () => 2; export { someFuncion1, someFuncion2 } main.js import * as inline './inline-function
import './inline-functions.js'
const someFuncion1 = () => 1;
const someFuncion2 = () => 2;
export {
someFuncion1,
someFuncion2
}
main.js
import * as inline './inline-functions.js'
import * as some './some-module.js'
//Access it like
inline.<function name>
some.<function name>
现在,我使用Visual Studio代码,我希望Intellisense能够工作,但当我编辑main.js
时,它只显示inline functions.js
中的函数,即使有导入语句,“some module.js”中的所有内容也无法访问。但是,当我对some module.js
的导入进行注释时,如下所示:
// import './inline-functions.js'
// tries to use inline functions which are now not callable
Intellisense突然显示所有对象的正确名称和文档。这当然是不可用的,因为某些module.js
现在无法调用任何内联函数
导入这些模块的正确方法是什么?只有从模块中导出模块功能,才能访问该模块功能 从模块中导出函数,然后您将在主js中看到它 示例: some-module.js
import './inline-functions.js'
const someFuncion1 = () => 1;
const someFuncion2 = () => 2;
export {
someFuncion1,
someFuncion2
}
main.js
import * as inline './inline-functions.js'
import * as some './some-module.js'
//Access it like
inline.<function name>
some.<function name>
import*as inline./inline functions.js'
导入*为some'./some module.js'
//像这样访问它
内联。
一些
我查找了导出
并找到了。遗憾的是,没有通配符导出,我必须标记每个函数,或者像您的答案一样将它们放在括号导出中。
import * as inline './inline-functions.js'
import * as some './some-module.js'
//Access it like
inline.<function name>
some.<function name>