如何使用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模块进行操作即可。 这是一个示例StackBlitz供您参考。

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

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

import './home'

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