Test

AngularJS (v1.5.6) とes6をでサービスを制作している者です。 `angular-ui-sortable` というライブラリを使って要素をドラッグで並び替えるUIを作成しているのですが、このライブラリがjQueryとjQueryUIに依存しているため、仕方なくそれらを使おうと思っています。以下の様なコードを書いたところ、 `ui.sortable: jQuery should be included before AngularJS!` というエラーが出てうまく動きませんでした。 ```lang-javascript 'use strict'; import 'jquery'; import 'jquery-ui'; import angular from 'angular'; import 'angular-ui-sortable'; class MainController { constructor() { this.items = [ { name: 'aaa', age: 15 }, { name: 'bbb', age: 16 }, { name: 'ccc', age: 17 } ]; } } angular.module('app', ['ui.sortable']) .controller('MainController', MainController); ``` ```lang-html Test

``` エラーメッセージの内容から、importされる順番に問題があるのかと思い、上記のコードをトランスパイルした際にできるファイルを見てみると、なぜかjQueryではなくAngularJSのコードが最初に記載されていました。なぜそのような順番でトランスパイルされるのか、またその順番を制御する方法があるのか、ご存知の方がいらっしゃいましたらご回答をよろしくお願いします。 ※トランスパイルはBrowserifyとbabelifyを使っています ※jQueryとjQueryUIを `script` タグを使って `bundle.js` の前に読み込めば問題なく動作します

	@@ -1,1 +1,1 @@
1	- 【es6】~~angular-ui-sortable の jQuery 依存を~~ import ~~で解決~~したい
1	+ 【es6】import される順番を制御したい

質問編集履歴