Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用angularCLI停止对Angular2中的所有文件执行实时重新加载?_Angular_Webpack_Livereload - Fatal编程技术网

如何使用angularCLI停止对Angular2中的所有文件执行实时重新加载?

如何使用angularCLI停止对Angular2中的所有文件执行实时重新加载?,angular,webpack,livereload,Angular,Webpack,Livereload,环境: Angular 2.0.0(通过Angular CLI Beta 15和网页包构建) 问题: 无法关闭“实时重新加载”。我的应用程序涉及多个需要将文件上载到服务器和/或进行操作的区域。每次这些操作发生时,我的应用程序都会重新启动,几乎不可能进行测试和继续开发 理想分辨率: 我真的很想找到一种方法来禁用实时重新加载。如果这在使用AngularCLI后不可能实现,我需要知道,在没有CLI的情况下重建应用程序是值得的 Pre-Webpack(使用AngularCLI Beta 10)我过去可以

环境:

Angular 2.0.0(通过Angular CLI Beta 15和网页包构建)

问题:

无法关闭“实时重新加载”。我的应用程序涉及多个需要将文件上载到服务器和/或进行操作的区域。每次这些操作发生时,我的应用程序都会重新启动,几乎不可能进行测试和继续开发

理想分辨率:

我真的很想找到一种方法来禁用实时重新加载。如果这在使用AngularCLI后不可能实现,我需要知道,在没有CLI的情况下重建应用程序是值得的

Pre-Webpack(使用AngularCLI Beta 10)我过去可以通过使用以下命令运行angular来防止此问题:

来自package.json

"angular-start": "ng serve --live-reload false",
这不再适用于当前版本的Angular CLI

更新:

除了一个小问题外,公认的答案很好。由于某些原因,当以这种方式启动应用程序时,我无法直接加载页面(即工作,如果我导航到我的资源路径,我会在浏览器中看到。但是如果我直接进入浏览器并按enter键,我会得到“无法获取资源”)

此外,如果我以这种方式启动应用程序时将新图像或视频上传到应用程序,则在刷新之前,我无法看到图像或视频


我的猜测是,这是因为Webpack的本质是希望捆绑所有这些图像/视频。我只是很困惑,当新文件需要一直上传时,这怎么可能在生产中起作用。

这个标志没有在webpack版本中实现,请参阅。

一个简单的节点应用程序可以服务于Angular cli/dist内容

  • 将以下
    server.js
    放在项目文件夹中

    const port = 4000;
    const ip = "0.0.0.0";
    const dist = __dirname + '/dist';
    
    // Express
    const express = require('express');
    
    express()
        // Static content
        .use(express.static(dist))
        // SPA routing
        .get('/*', (req, res) => res.sendFile(__dirname, '/dist/index.html'))
        // Start server
        .listen(port, ip, function () {
            console.log(ip + ':' + port);
        });
    
  • 安装expressjs

    npm i express
    
  • 构建你的应用程序*

    ng build
    
  • 启动服务器

    node server.js
    
    • 每次完成装载时重复步骤3

  • 我看到了,但这是否意味着没有其他国旗可以做到这一点?如果是这样的话,我猜也许我尝试这样做的方式是错误的。必须有一种开发应用程序的方法,包括上传和更改媒体文件,而不是每次都强制重建,对吗?这太棒了,不过还有一件事,我如何调整,使我可以从另一个盒子在机器的ip地址上达到这一点?现在它只在本地主机上工作。明白了:使用这个:。侦听(端口,“0.0.0.0”,函数(){console.log('port:'+port);})@JasonPerr我也更新了你的答案:Dany对我发布的问题更新的想法?@JasonPerr更新。但给我30分钟,我必须在其中添加SPA路由支持。