Question

我们有一个AngularJS应用程序，它包含独立运行的独立角度应用程序。每个模块都在一个单独的路径中，如

本地主机：8080 / OurMainApplication / angular1Application1 本地主机：8080 / OurMainApplication / angular1Application2

现在我们将在Angular 5中添加一个新模块，该模块位于不同的路径中，比如说

本地主机：8080 / OurMainApplication / angular5Application1

因此，AngularJS具有静态内容，如果我们进行更改并重新部署到服务器中，它将在浏览器中自动受到影响。但对于角度5应用程序来运行它我们需要有2个选项

＆＃34; ng build＆＃34;有文件夹（每次我们做的都太贵了）一个简单的改变）
＆＃34; ng serve＆＃34; （这没关系，但它在自己的服务器上运行）

是否有任何方法可以自动编译我们更改的文件（例如＆＃34; ng serve＆＃34;），这样我就可以将角度5编译的更改重新部署到正在运行的tomcat服务器中（当我们开发时），因为我们的后端服务和角度应用程序都在同一台服务器上运行，并且不希望新服务器运行我们将要介绍的新的角度5应用程序。

一旦angular 5应用程序中的任何文件得到更新，是否有方法在angular-cli或其他技术中自动编译

Answer 1

如果您使用终端，请在终端中启动以下命令

ng serve --watch

Answer 2

有很多开源插件可以做同样的事情。如果您使用的是VSCode编辑器，则可以直接转到扩展，搜索和安装＆＃34; Deploy＆＃34;等工具。对服务器（主机和端口）的配置很少，将动态部署文件。

将文件热部署到服务器中，

安装扩展部署并将以下属性添加到工作区设置（在文件＆gt;首选项＆gt;设置下）

{
    "deploy": {
        "packages": [
            {
                "name": "Version 4.0",
               "description": "Files of Trunk",
                "files": [
                    "**/*.js",
                    "**/*.json",
                    "**/*.scss",
                    "**/*.css",
                    "**/*.html"
                ],
               "deployOnSave": true
            }
        ],
        "targets": [
            {
                "type": "local",
                "name": "My local folder",
                "description": "A local folder",

                "dir": "C:/<your_installation_location_directory>"
            }
        ]
    }
}

注意：目标目录应该是您的本地特定

如果有任何代码更改，如何自动编译角度5应用程序

2 个答案: