在Github上分叉我

组合角度轮廓项目

本指南将引导您完成从Angular轮廓开始创建单个构建的过程

詹姆斯·克莱

365bet地区版本 3.3.0

365bet地区培训

365bet地区培训由创建并积极维护365bet地区框架的人们开发和交付

入门

365bet地区365bet地区中的Angular轮廓提供了一个开箱即用的多项目构建。今天,有很多方法可以构建和打包应用程序。重要的是要自己决定什么才是最适合您的需求对于那些喜欢使用客户端应用程序的人与他们的365bet地区应用程序捆绑在一起,本指南适合您。在本指南中,我将介绍一些快速简单的步骤,以结合并从Angular概要文件创建的多项目构建开始使用组合项目

您将需要什么

要完成本指南,您将需要以下内容

  • 花些时间在你手上

  • 体面的文本编辑器或IDE

  • 安装了JDK或更高版本JAVA首页适当配置

如何完成指南

要开始,请执行以下操作

要么

365bet地区指南存储库包含两个文件夹

  • 初始365bet地区初始项目通常是一个简单的365bet地区应用程序,带有一些其他代码,可以帮助您快速入门

  • 完成一个完整的示例它是按照指南中介绍的步骤进行操作并将这些更改应用于文档的结果。初始

要完成指南,请转到初始

  • 光盘进入grails引导角组合初始

您可以直接前往如果你光盘进入grails指南角度组合完成

编写申请

组合应用

由于需要一个项目设置gradle不再需要文件

rm f设置gradle

移动所有内容服务器到当前目录

MV服务器

删除服务器目录

rm r服务器

移动客户目录到src主目录

MV client src main

删除不再使用的建立gradle客户端目录中的文件

rm f src主要客户建立gradle

365bet地区现在,您有一个365bet地区项目,其中的客户端应用程序位于src主要客户!

结合构建

如果应用程序仅通过执行即可工作,那将是理想的运行应用365bet地区类似于具有Web配置文件的典型365bet地区应用程序的工作方式,以实现需要额外的配置

为了首先支持构建过程,我们需要添加一些NPM脚本。包json文件

src主客户端程序包json
{
  ...
  "剧本": {
    "建立": "生成产品",
    "buildDev": "建造",
    "buildWatch": "建立手表的真实",
  ...
}

下一步是添加Gradle节点插件.

建立gradle
buildscript依赖类路径"com moowork gradle gradle节点插件"应用插入:"与moowork节点"

365bet地区现在我们有了插件,我们需要对其进行配置并使用它来创建一些任务,以挂接到365bet地区应用程序的构建过程中

建立gradle
节点版本'6.9.1'下载真正nodeModulesDir文件"src主要客户"任务buildClientDev类型NpmTask取决于: 'npmInstall''建立'描述'编译客户端资产以进行开发'args'', 'buildDev'任务buildClient类型NpmTask取决于: 'npmInstall''建立'描述'编译客户端资产以进行生产'args'', '建立'任务buildClientWatch类型NpmTask取决于: 'npmInstall''应用'描述'生成并监视客户端资产以进行重建'args'', 'buildWatch'任务clientTest类型NpmTask取决于: 'npmInstall''验证'描述'执行客户端单元测试'args'', '测试'任务clientIntegrationTest类型NpmTask取决于: 'npmInstall''验证'描述'执行客户端集成测试'args'', '和e'bootRundependOnbuildClientDev warDependOnbuildClient测试dependsclientTest集成TestDependOnclientIntegrationTest清除删除文件树: "src主webapp")
}

更改配置

我们需要更改客户端资产在构建和捆绑后的存储位置。应用程式外设置指向网络应用

src主要客户angular cli json
...
  "应用": [
    {
      "": "src",
      "outDir": "网络应用",
...

由于CORS不再是此应用程序的要求,因此应在配置查找中将其关闭grails cors已启用并删除配置或将其设置为false

grails应用配置会议应用yml
ils:
    :
        已启用: 

为了解决我们索引html没有静态的前缀是必须设置资源模式

grails应用配置会议应用yml
ils:
    资源:
        图案: /**

当用户访问您的页面时,应将其定向到客户端应用程序。默认情况下,在REST API应用程序中,它将显示有关您的应用程序的一些元数据。UrlMappings常规.

grails应用程序控制器角度组合UrlMappings groovy
小号: 索引html

运行应用程序

这是将Angular多个项目组合成一个项目所需的一切

要运行该应用程序,请使用gradlew bootRun命令将在端口上启动应用程序

您需要365bet地区帮助吗

OCI赞助了本指南的创建OCI提供了几种365bet地区服务:

免费咨询

OCI 365bet地区团队包括365bet地区联合创始人Jeff Scott Brown和Graeme Rocher检查我们的365bet地区课程并向发展和维护365bet地区的工程师学习

Grails OCI团队