ビジネスにサード・パーティーのライブラリーが必要になる場合があります。
手順
- サード・パーティー・ライブラリーを使用する画面を拡張します。 画面を拡張する方法については、 「アプリケーション提供画面の変更」 を参照してください。
- <store-temp>/extensions/features/<featureName>/src/assets フォルダーに移動し、 <featureName>/scripts サブフォルダーを作成します。
- サード・パーティー・スクリプトを <store-temp>/extensions/features/<featureName>/src/assets/<featureName>/scripts フォルダーにコピーします。
- サード・パーティー・ライブラリーを使用する角度コンポーネントの component.ts ファイルを変更し、コンストラクターに以下のサンプル・コードを追加します。
constructor(
) {
const dynamicScripts = [
{'scriptPath': AppInfoUtil.getWARModeExtensionAssetBaseUrl() + '/assets/ /scripts/custom-lib-min.js','id': 'customScipt'}];
for (let i = 0; i < dynamicScripts.length; i++) {
if (document.getElementById(dynamicScripts[i].id) === null) {
const node = document.createElement('script');
node.src = dynamicScripts[i].scriptPath;
node.type = 'text/javascript';
node.async = false;
node.charset = 'utf-8';
document.getElementsByTagName('head')[0].appendChild(node);
}
}
}
- 代替方式
- もしこの手順があなたのビジネスケースに合わない場合は、次の代替手順を試してください。
- プロジェクト・ディレクトリに以下のコマンドを使用して、選択したサードパーティ・ライブラリを npm パッケージとして直接インストールする。
- <library-name>の値を、追加したいライブラリの名前で置き換える。
npm install <library-name>
