我想了解命名和默认导出.我有一个看似基本的要求,我不明白如何设置.
我希望能够同时导入:
//app.js import Mod from './my-module' import { funcA,funcB } from './my-module' console.log('A',Mod.funcA(),funcA()); // A a a console.log('B',Mod.funcB(),funcB()); // A a a
当我尝试时,我最接近的方法是:
//my-module.js export function funcA() { return 'a'; }; export function funcB() { return 'b'; }; export default {funcA,funcB}
我的麻烦是我不想重新索引默认导出中的每个函数.我只是想定义我的函数,然后确保它们被导出,所以我可以使用它们.
建议?或者我必须使用import *作为来自’./my-module’的Mod;?
解决方法
您可以省略默认导出并使用import作为语法:
//app.js import * as Mod from './my-module' import { funcA,funcB()); // B b b
//my-module.js export function funcA() { return 'a'; }; export function funcB() { return 'b'; };