最適なモジュール名管理

Question

//hoge.js
export default function hoge(){···}

import 'hoge.js'
hoge()

上記ではhoge()が未定義エラーとなります。
モジュールがimport側で適当に命名されるのを防ぎたく、export側で定義したかったのですが思い通りになりませんでした。
どのような方法が考えられますか？

Answer 1

まず、import 'hoge.js'とだけ書くと、読み込まれはしますが、exportの中身はimportした側に現れません。

したいことと一致するかわからないですが、名前を決め打ちたいならdefault以外でエクスポートしたほうがいいでしょう。

// export側

function hoge(){}

export {hoge};

// import側
import {hoge} from 'hoge.js'

Comments

[退会済みユーザー]

ご教示頂いた方法においても、import側では必ず名前を記述しなければならないのですね？

[maisumakun]

そうですね。ただし、同じ名前を書かないとエラーになるので、「import側で適当に命名される」事態は比較的回避しやすいかなと思います。