angular.js - gulp を使用して ionic アプリケーションをパッケージ化する方法。プロジェクトの JS スクリプトは require.js を使用して編成されます。

Question

私のプロジェクトの状況は次のとおりです:

dev フォルダーのディレクトリ構造は次のとおりです:

index.html ファイルの内容は次のとおりです:

main.js ファイルの内容は次のとおりです:

gulp 関連ファイル gulpfile.js の主な内容は次のとおりです:

しかし、「バンドル」タスクを実行しても、すべての js が main-bundle.js にマージされるわけではありません。

gulp と requirejs のチュートリアルを読みましたが、パッケージ化する方法がまだわかりません。回答をお願いします~~~

Answer 1

ライブラリ ファイルは、index.html の <script src=""> を使用して直接インポートできますが、ライブラリ ファイルをリリース ディレクトリにコピーするには、gulpfile のコピー タスクの構成を変更する必要があります。

Answer 2

Yeoman を使用してプロジェクト ジェネレーターを見つけてください!手順に従って、理解すれば理解できるようになります。

Answer 3

gulp プラグインには、AMD スタイル ファイルのパッケージ化に使用できる amd-optimize と、使用される他のプラグインがあります:

1. concat

2. uglify

上記は npmjs.com でご覧いただけます

---追加コンテンツ

フロントエンド | gulp パッケージ化の require.js モジュールの依存関係に関する記事を見つけました