在模塊中創建對象/變量時，ES6導入/導出如何工作？

Question

由於我有一個Config在一個名為類Config.js和我有一個名為以下模塊myConfig.js ：

import Config from './Config.js';

const myConfig = new Config();

export myConfig;

如果我有多個文件import { myConfig } from 'myConfig.js' ，它是否在每個import語句中實例化新的Configs？

Answer 1

ES6模塊是單件。 每次導入模塊時，您都將獲得相同的實例。 但是，您可以通過在Config構造函數中記錄某些內容來輕松測試它。;-)

Answer 2

第一：在加載模塊時刪除.js擴展名。

第二：如果您打算使用import Config from 'modulename'加載它，則應使用export default class Config {}導出您的配置類

導出的值是單例，不會更改或重新調整，但仍然為什么將配置作為類？ 它應該是一個const對象

export const Config = {stuff:1}