如何使用webpack + ES6导入自定义模块？

Question

我正在将我的ES6 AngularJS应用程序转换为对其所有供应商JS库及其自己的业务逻辑使用webpack。在我的代码中，我有类似的东西：

angular.module('company.web.productA', [..., 'company.web.core'])

其中company.web.core是与webpack捆绑在一起的另一个角度模块。现在，我的应用程序根本没有出错，但也没有加载。我只看到一个空白屏幕。我认为问题是我没有加载company.web.core模块，因此应用程序无法正确引导。

我是否希望执行某种import语句以获取自定义模块？到目前为止，我仅使用import来引入第三方npm软件包和单个组件文件，但是如何导入整个模块？

我有可能正在考虑此错误，因此不需要这样做，因此，任何建议或指导都将不胜感激。

Answer 1

我认为您对AngularJS模块和ES6模块感到困惑。

AngularJS模块是独立的AngularJS功能。它们可以单独使用，也可以在其他AngularJS模块中使用。

要导入它们，只需对TypeScript模块进行操作即可。这是Sample StackBlitz供您参考。

例如在此StackBlitz项目中考虑HomeModule。它位于主文件夹中。主文件夹还包含一个index.js文件，该文件具有HomeModule作为默认导出的成员。

然后将其导入到app.js文件中，如下所示：

import './home'

请随时单击导出以下载项目zip，并查看配置以获得更好的理解。