загрузить специальную директиву из модуля angularjs с помощью веб-пакета

Question

В настоящее время я выполняю рефакторинг своего приложения angularjs для использования веб-пакетов и отложенной загрузки.

Я бы хотел загрузить только одну директиву из модуля angularjs вместо загрузки всего модуля в , чтобы предотвратить неиспользуемый код в моем сгенерированном комплекте .

Возможно ли с незначительными изменениями ?

Что-то вроде

import {MyDirective} from './my-module.js';

Answer 1

Учитывая, что вы используете синтаксис es6 / es2015 (babel / ts-node). Ваш модуль должен экспортировать метод, чем вы можете использовать его как импорт. Использование синтаксиса экспорта:

// My module 
export { cube, foo, graph };
// Importing
import {cube } from './mymodule'

https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export

Тем не менее, экспортная директива выглядит так. Вам нужно создать директивную функцию, повторно использовать эту функцию в модуле и одновременно экспортировать. Смотри ниже приведи пример

// Directive function
angular.module([]).directive('myCustomer', MyCustomDirective);

function MyCustomDirective() {
  return {
    restrict: 'E',
    scope: {
      customerInfo: '=info'
    },
    template: '<template>something here</template>'
  };
}

export {MyCustomDirective}