Jhipster 在Jhister上使用引导主题？

我不是jhipster和web应用程序编程方面的专家。 所以也许我的问题很愚蠢，我想知道是否有可能使用一个引导主题，就像你可以在这里找到的：Jhipster的主页

如果是，我应该更改什么来更新Jhipster中的CSS，以及如何调整JavaScript文件

如果引导无法实现，您是否有类似的东西可以在Jhipster上使用

以下是我的Jhipster版本：

 {
  "generator-jhipster": {

    "promptValues": {
      "packageName": "com.mycompany.myapp"
    },
    "jhipsterVersion": "4.6.2",
    "baseName": "testdesign",
    "packageName": "com.mycompany.myapp",
    "packageFolder": "com/mycompany/myapp",
    "serverPort": "8080",
    "authenticationType": "jwt",
    "hibernateCache": "ehcache",
    "clusteredHttpSession": false,
    "websocket": false,
    "databaseType": "sql",
    "devDatabaseType": "h2Disk",
    "prodDatabaseType": "mysql",
    "searchEngine": "elasticsearch",
    "messageBroker": false,
    "serviceDiscoveryType": false,
    "buildTool": "maven",
    "enableSocialSignIn": false,
    "jwtSecretKey": "aba9f3a1b9b0feaa096db087cc1d692102a1f6b6",
    "clientFramework": "angularX",
    "useSass": true,
    "clientPackageManager": "yarn",
    "applicationType": "monolith",
    "testFrameworks": [],
    "jhiPrefix": "jhi",
    "otherModules": [
      {
        "name": "generator-jhipster-primeng",
        "version": "2.0.53"
      }
    ],
    "enableTranslation": false
  }
}

---

JHipster已经使用了引导，而ng引导用于angular小部件。在生成的项目中，查看文件

src/main/webapp/content/scss/vendor.scss

以查看引导SCS的导入语句。更新此链接以链接到所需主题的scss文件，并找到在何处添加或替换对其他javascript文件的引用。首先确保您熟悉Angular和SCSS/SASS文件！：）

您需要导入所需主题的必要文件。大多数引导主题都是由CSS文件和一些主要的JS等组成

在jhipster项目中导入这些文件可以通过“vendor.ts”完成，步骤如下

转到

“myprojectjh\src\main\webapp\content”

为你的主题创建一个文件夹。（例如“mytheme01”）

打开创建的文件夹并复制主题的必要文件（例如：“theme.css”）

转到

“myprojectjh\src\main\webapp\app”

并打开文件“vendor.ts”

编写以下行以导入必要的文件（例如：“theme.css”）。

import'../content/mytheme01/theme.css'

保存更改并再次运行应用程序

您的文件vendor.ts可能如下所示：

注意：此外，您可以编辑文件“\u bootstrap-variables.scss”或“global.scss”进行其他必要的调整，以便正确显示主题

---

我希望这能对您有所帮助。

谢谢，我仍然不知道如何决定使用新的navbar.scs，而不是Jhipster中已准备就绪的navbar.scs？我也不确定应该在vendor.scss中的“Saas变量”中添加什么。你认为为主题添加一个新目录更好吗？或者我应该把所有这些放在node module/bootstrap/scss和node module/bootstrap/js中吗？安德里亚，如果你需要添加一个主题，你基本上需要导入theme.css或theme.scss，就完成了。另外，一些主题也需要js。我的问题是，我不知道应该在哪里以及如何放置文件来覆盖jhipster的cssCheck我的答案，它可以帮助你。