2017-08-29 8 views
0

スタイルと機能については、Material Designを使用してAdobe Experience Managerでコンポーネントをコーディングする作業が与えられました。途中で私は材料デザインのCSSを私のAEMコンポーネントにインポートしましたが、それは正しく動作しています。素材設計コンポーネントをAdobe Experience Managerに追加する方法

しかし、マテリアルデザインのJavascriptの部分を自分のコンポーネントで動作させる方法を理解できません。私が理解しているように、あなたはclientlibフォルダにJavascriptファイルを1つずつ追加してから、js.txtファイルに追加する必要があります。

マテリアルデザインには、数十個の個別のJSファイルがライブラリにあります。私はそれらをすべてclientlibに1つずつ追加する必要があるとは思いません。

AEMでマテリアルデザインを使用するためのヒントはありますか?

+0

すべての開発ファイルではなく、バンドルを必要とするこのレポが見つかりました。 – TheRealMrCrowley

答えて

1

私は、あなたが参照するライブラリから材料成分JS含めたい、正しく質問を理解している場合:material-components-web

はそれを行うために、あなたはこのリンクから完全に縮小さライブラリをダウンロードすることができます:https://unpkg.com/material-components-web/dist/material-components-web.min.js 私が見つけましたmaterial-componentに続いてgetting started guide のnpm依存関係からプロジェクトを含めることもできます(プロジェクトがnpmの場合)。

あなたの現在のclientlibまたはそれとcreate a clientlibでJSを含めることができますJSあなたがしたくない場合は、代わりに(これは問題ではないようclientlibsを作成する方法の詳細には触れません)

を含まマテリアルライブラリ全体が含まれていて、WebPackやその他のJSバンドラーを使ってバンドルを作成する必要があるクライアントライブラリにどのコンポーネントが含まれているかを選ぶことになります.WebPackが最も人気があります。 WebPackを説明するには非常に長い答えがあります.Googleではそのために多くのサンプル設定とプロジェクトがあります。 https://github.com/vardius/web-components-webpack-es6-boilerplate

+0

ありがとう、アーメド!それはちょうど私が(unpkg.comリンクを使用して縮小されたファイルを取得することで)終わった解決策です。 –

+0

@ JohnP材料ウェブコンポーネントを使って構築しているコンポーネントについては本当に興味があります。偶然、オープンソースですか? –

+0

私が構築している実際のコンポーネントは、残念ながらオープンソースではありません。これは、独自の大規模な顧客支払いポータルの一部です。 –

関連する問題