时间戳

首页 > 解决方案 > 在 jhipster 生成的 Angular 应用中加载外部 js 文件

angular - 在 jhipster 生成的 Angular 应用中加载外部 js 文件

问题描述

如何像我们通常在 angular-cli 应用程序中的 angular.json 中那样在 jhipster 生成的 Angular 应用程序中加载外部 js 文件。

我有这些应该加载的脚本：

 "scripts": [
  "node_modules/ngx-extended-pdf-viewer/assets/pdf.js",
  "node_modules/ngx-extended-pdf-viewer/assets/pdf.worker.js",
  "node_modules/ngx-extended-pdf-viewer/assets/viewer.js"
]

这些资产还：

{
    "glob": "**/*",
    "input": "node_modules/ngx-extended-pdf-viewer/assets/locale",
    "output": "/assets/locale/"
  }

我已经搜索了很多解决方案并尝试了许多解决方法，例如使用 index.html 加载它或使用 vendor.ts 或使用 CopyWebpackPlugin，例如：

   new CopyWebpackPlugin([
        { from: './node_modules/swagger-ui/dist/css', to: 'swagger-ui/dist/css' },
        { from: './node_modules/ngx-extended-pdf-viewer/assets/locale', to: 'ngx-extended-pdf-viewer/assets/locale' },
        { from: './node_modules/swagger-ui/dist/lib', to: 'swagger-ui/dist/lib' },
        { from: './node_modules/swagger-ui/dist/swagger-ui.min.js', to: 'swagger-ui/dist/swagger-ui.min.js' },
        { from: './node_modules/ngx-extended-pdf-viewer/assets/pdf.js', to: 'ngx-extended-pdf-viewer/assets/pdf.js' },
        { from: './node_modules/ngx-extended-pdf-viewer/assets/pdf.worker.js', to: 'ngx-extended-pdf-viewer/assets/pdf.worker.js' },
        { from: './node_modules/ngx-extended-pdf-viewer/assets/viewer.js', to: 'ngx-extended-pdf-viewer/assets/viewer.js' },])

但它不起作用。有任何想法吗 ？

标签： angularjhipster

解决方案

推荐阅读