【问题标题】:Jhipster: two different angular applicationsJhipster:两种不同的角度应用
【发布时间】:2018-05-12 23:53:24
【问题描述】:

在 jhipster 中,有一个由 angular-cli.json 和 webpack 配置的 Angular 应用程序,将在 build/www/ 文件夹中构建和服务。

在许多情况下,我发现虽然 jhipster 提供了适合后端的良好脚手架和 crud 管理应用程序,但不可能启动具有前端的第二个应用程序以及使用 jHipster 生成的相同实体的好处并且可以通过从角度到数据库的生成器的完整堆栈提供给管理应用程序。

是否有人能够提供解决方案以在/webapp 下拥有两个不同的应用程序?例如。 (webapp/appwebapp/lab)。

我可以使用另一个路由到 angular,但我想在 angular-cli.json 的 apps 数组下有两个不同的应用程序。

我希望构建应用程序并将其视为分离的角度应用程序。但到目前为止,我无法做到。

非常感谢任何帮助,只要它是关于如何映射第二个应用程序并能够维护两者的详细说明。

【问题讨论】:

    标签: angular webpack angular-cli jhipster


    【解决方案1】:

    我建议你看看this angular CLI doc

    这将让您使用 CLI 设置多个应用程序。如果您想从一个应用程序链接到另一个应用程序并同时为它们提供服务,您可以将脚本添加到您的package.json,如下所示:

    "start": "ng serve --app app1",
    "start:app2": "ng serve --app app2 --port 4201"
    

    其中appapp2 是您在angular-cli.json 文件中声明的名称

    如果您想处理应用之间的动态混合链接,您还应该有一个 environment.tsenvironment-prod.ts 文件来定义您的链接:

    export const environment = {
      production: false,
      APP: 'http://localhost:4200',
      APP2: 'http://localhost:4201'
    }
    

    这样您就可以在 dev 和 prod 中的应用之间创建链接

    【讨论】:

    • 这就是我所做的,但是我有这个错误:ERROR in ./src/main/webapp/manifest.webapp Module parse failed: /Users/superandrew/Documents/xcode/brainapp-new/src/main/webapp/manifest.webapp Unexpected token (2:8) You may need an appropriate loader to handle this file type. | { | "name": "Brainapp", | "short_name": "Brainapp", | "icons": [ @ ./src/main/webapp/app/polyfills.ts 62:0-29 @ multi ./src/main/webapp/app/polyfills.ts 。此外,当我启动 ./gradle jhipster 任务时,应用程序没有内置在 /build/www 中
    • 可能 ng serve 不是 jhipster 应该工作的方式,请参阅github.com/jhipster/generator-jhipster/issues/6050 所以你的建议可能很好,但我需要让它与 yarn start 一起工作
    猜你喜欢
    • 2020-04-22
    • 2021-01-18
    • 1970-01-01
    • 2014-11-16
    • 2015-01-27
    • 1970-01-01
    • 2021-01-16
    • 2016-07-01
    • 2020-07-28
    相关资源
    最近更新 更多