Es posible que necesite bibliotecas de terceros para su empresa.
Procedimiento
- Amplíe la pantalla en la que desea utilizar las bibliotecas de terceros. Para obtener instrucciones sobre cómo ampliar la pantalla, consulte Modificación de pantallas proporcionadas por la aplicación.
- Vaya a la carpeta <store-temp>/extensions/features/<featureName>/src/assets y cree la subcarpeta <featureName>/scripts .
- Copie los scripts de terceros en la carpeta <store-temp>/extensions/features/<featureName>/src/assets/<featureName>/scripts .
- Modifique el archivo component.ts del componente angular donde desea utilizar las bibliotecas de terceros y añada el siguiente código de ejemplo en el constructor.
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);
}
}
}
- Método alternativo
- Si el procedimiento dado no funciona para su caso de negocio, pruebe el siguiente procedimiento alternativo.
- Instale la biblioteca de terceros de su elección directamente como un paquete npm, utilizando el siguiente comando en el directorio de su proyecto.
- Sustituya el valor de <nombre-de-la-biblioteca> por el nombre de la biblioteca que desea añadir.
npm install <library-name>
