Как експортировать angular модули в es6?

Question

[Coder321]

Пишу приложение на ангулан 1.5, хочу использовать es6. Как правильно экспортировать свои модули для подключения в центральном. Пока что делаю так:

let myModule = angular.module('myModule ', [])

    .controller('myController', myController);

export default myModule ;

а в главном импортирую:

import myModule from './my-module/my-module.module';

angular.module('app', ['myModule'])

Но как то есть подозрение что это не совсем коректно, да и линтер матерится на неиспользуемые переменные. Как делаете вы?

Answer 1

[Иван Герасимов]

Тодд Мотто написал отличное руководство по использованию Angular 1.x и ES2015.

Пример:

import angular from 'angular';
import uiRouter from 'angular-ui-router';
import AppComponent from './app.component';
import ComponentsModule from './components/components.module';
import CommonModule from './common/common.module';

const AppModule = angular
  .module('app', [
    ComponentsModule,
    CommonModule,
    uiRouter
  ])
  .component('app', AppComponent)
  .name;

export default AppModule;

Comments

[Coder321]

Как бы ваш пример отличается лишь установкой angular через npm, я же устанавливаю через bower.

[Иван Герасимов]

Ну и отлично, вы на верном пути.

Следующий шаг — использовать npm вместо bower, поправить код
angular.module('app', ['myModule']) → angular.module('app', [myModule])
и почитать руководство из комментария, там много полезного (если у вас возникают такие вопросы).

[Иван Герасимов]

И в экспорте не забыть дописать «name»: export default myModule.name;

[Coder321]

Иван Герасимов: почему именно npm а не bower?

[Иван Герасимов]

Coder321:
Во-первых, зачем вам два инструмента для одной и той же задачи (особенно если один из инструментов справляется хуже).
Во-вторых, если Bower и не мёртв (у меня сейчас в проекте он используется, к сожалению), то тащить его в зависимости к проекту в 2016 году уже не нужно.
В-третьих, вы же хотите использовать Webpack и ES-модули, поэтому npm — единственный приемлемый вариант.

В документации к Webpack’у есть пояснение, почему лучше использовать npm: https://webpack.github.io/docs/usage-with-bower.html

[Coder321]

Иван Герасимов: Огромное спасибо за советы, статья действительно хорошая