Javascript 创建可重用的JS文件-导入-导出不起作用

我正在尝试使用一个可重用的JS从服务器加载一些文件，但是如果我将代码放在一起，或者如果我在单独的文件上，我不明白为什么这样做，那么工作方式就不同了

总而言之：

require('isomorphic-fetch');

function addAssetsFromManifest(file) {
  const loadManifest = fetch('/path/manifest.json');
  loadManifest.then((resp) => {
    if (resp.status >= 200 && resp.status < 300) {
      const loadJson = resp.json();
      loadJson.then((json) => {
        const scriptTag = document.createElement('script');
        scriptTag.type = 'text/javascript';
        scriptTag.src = `/${json[file]}`;
        const { body } = document;
        body.appendChild(scriptTag);
        return json;
      });
      return loadJson.then(Promise.reject.bind(Promise));
    }
    return loadManifest.then(Promise.reject.bind(Promise));
  });
}


 document.addEventListener('DOMContentLoaded', () => {
   addAssetsFromManifest('path/js/file.js');
});

这根本不起作用。我不确定这是否与webpack相关，如果是，我将共享

package.json

和

webpack.config.js

---

任何想法

尝试使用require和modules.export

module.export = function addAssetsFromManifest(file){......}

及

---

此节点是否正在运行？是否在浏览器上运行结束时为网页包配置

import addAssetsFromManifest from './addAssetsFromManifest';

document.addEventListener('DOMContentLoaded', () => {
  addAssetsFromManifest('path/js/file.js');
});

module.export = function addAssetsFromManifest(file){......}

const addAssetsFromManifest = require("./addAssetsFromManifest")