将第三方库导入JHipster 6应用程序

时间:2019-11-26 10:07:18

标签: angular jhipster

我目前正在将基于JHipster的旧项目迁移到新版本-使用Angular 8的JHipster 6。 angular.json文件有问题。生成新项目后,该文件如下所示:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "panel": {
      "root": "",
      "sourceRoot": "src/main/webapp",
      "projectType": "application",
      "schematics": {
        "@schematics/angular:component": {
          "skipTests": true,
          "style": "scss"
        },
        "@schematics/angular:directive": {
          "skipTests": true
        },
        "@schematics/angular:guard": {
          "skipTests": true
        },
        "@schematics/angular:pipe": {
          "skipTests": true
        },
        "@schematics/angular:service": {
          "skipTests": true
        }
      },
      "prefix": "jhi",
      "architect": {}
    }
  },
  "defaultProject": "panel",
  "cli": {
    "packageManager": "npm"
  }
}

没有地方可以添加新的脚本或样式,因此我添加了architect的内容。

      "architect": {
    "build": {
      "options": {
        "outputPath": "target/www/app",
        "scripts": [
          "node_modules/@fullcalendar/core/main.min.js"
        ]
      }
    }
  }

我正在尝试三种不同的路径方式("node_modules""../note_modules""./node_modules")。没有成功。脚本未导入到应用程序中。我认为这与JHipster结构有关。

有什么想法如何添加外部日历JS脚本,例如fullcalendar或jquery?

1 个答案:

答案 0 :(得分:0)

我找到了答案,这确实很容易。文件for (int x = 0; x < barCodeBitmap.Width; x++) { for (int y = 0; y < barCodeBitmap.Height; y++) { Color currentColor = barCodeBitmap.GetPixel(x, y); bool isWhite = currentColor == Color.White; if (!isWhite) // this pixel should get a new color { barCodeBitmap.SetPixel(x, y, fontColor); // set a new color } } } 位于vendor.ts目录中。 要将外部脚本添加到JHipster 6中,就可以像这样导入它:

src/main/webapp/app

可以通过类似的方式(import '@fullcalendar/core/main.min'; )导入样式。

vendor.scss