UIアプリのサイズを削減するいくつかの方法を紹介します。icons)を除去することができるようになりました。href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">より詳しい情報については、FAQのカスタムのアイコンを使いたいもご覧ください。Definition)バンドルの形で提供されています。UIが持つ全てのコンポーネント、およびonsオブジェクトなどの内部機能を含んでいます。src="path/to/onsenui.js"></script>をindex.htmlに直接入れるというようなシンプルな状況では役に立ちます。Modulesが有用です。Modules形式のファイルも提供しています。UIの各コンポーネントを独立したモジュールとして扱い、必要なコンポーネントだけをアプリに含められるようになります。Modulesを使うことで大量の不要な要素を除去してアプリサイズを削減することができます。Modulesを使った更なるアプリサイズの削減がプラスになるでしょう。全てのモジュールは既にES5にトランスパイル済みであるため、BabelやBubleのようなトランスパイラー/コンパイラーに再度かける必要はありません(モジュール同士の依存関係の記述にはES標準のimportとexportを使用しています)。バンドラーを使うだけで十分です。バンドラーにはモジュールファイルの場所を指定してください。Modulesバージョンのonsが使えるようになります(このスコープ内でのみ)。グローバルスコープの汚染を防ぐため、onsは自動ではグローバルスコープに登録されません。ons;を実行してください(もしくは他のスコープでonsをimportしてください)。この際、onsenuiではなくonsenui/esmからonsをインポートするよう注意してください。UIの全てのコンポーネントが読み込まれてしまいます。上記のコードはons-pageとons-toolbar、ons-button、ons-navigatorをアプリに追加しています(他に必要な作業はありません)。APIにグローバルに登録されるため)。注意点として、ons.notificationユーティリティはons-alert-dialogとons-toastに依存しているため、ons.notificationを呼ぶ場合はそれらのコンポーネントをインポートするようにしてください。Modulesよりも効率的にminifyできるUMDバンドルの使用をお勧めします。shakingアルゴリズムが使えないためです。shakingアルゴリズムが正しく動くことが必要条件となります(つまり、pageとtoolbar、button、navigator以外のオブジェクトが正常にアプリから排除される必要があります)。shakingアルゴリズムはObject.defineProperty(ES2015クラスをBabelでトランスパイルした際に生成されるコード)などの一部のトランスパイル済みコードをうまく扱えないため、正しく動きません。shakingアルゴリズムを使わずにpageやtoolbar、button、navigatorなどの必要なオブジェクトを個別にimportする方が安全です。subscribing!。