Как пользовательские модули импортируются с помощью webpack + ES6?

Question

Я конвертирую свое приложение ES6 AngularJS для использования веб-пакета для всех библиотек JS его поставщика, а также для собственной бизнес-логики. В моем коде у меня есть что-то вроде:

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

, где company.web.core - еще один угловой модуль, который поставляется в комплекте с веб-пакетом. Прямо сейчас мое приложение вообще не выдает ошибку, но также не загружается. Я просто вижу пустой экран. Я думаю, проблема в том, что у меня не загружен модуль company.web.core, и поэтому приложение не загружается должным образом.

Должен ли я сделать какое-то заявление import, чтобы получить мои пользовательские модули? До сих пор я использовал import только для загрузки сторонних пакетов npm и отдельных файлов компонентов, но как мне импортировать весь модуль?

Есть вероятность, что я думаю об этом неправильно, и я не обязан это делать, поэтому любые советы или рекомендации будут оценены.

Answer 1

Я думаю, вы запутались с модулями AngularJS и модулями ES6.

Модули AngularJS являются автономными функциями AngularJS. Они могут использоваться самостоятельно или в других модулях AngularJS.

Чтобы импортировать их, вы просто делаете то, что делаете с модулем TypeScript. Вот вам образец StackBlitz для справки.

Рассмотрим HomeModule, например, в этом проекте StackBlitz. Он присутствует в домашней папке. В домашней папке также есть файл index.js, в котором HomeModule является экспортируемым элементом по умолчанию.

И затем он импортируется в файл app.js следующим образом:

import './home'

Пожалуйста, не стесняйтесь нажимать на экспорт, чтобы загрузить zip-файл проекта и взглянуть на конфигурацию для лучшего понимания.