如何使用angularCLI停止对Angular2中的所有文件执行实时重新加载?
环境: Angular 2.0.0(通过Angular CLI Beta 15和网页包构建) 问题: 无法关闭“实时重新加载”。我的应用程序涉及多个需要将文件上载到服务器和/或进行操作的区域。每次这些操作发生时,我的应用程序都会重新启动,几乎不可能进行测试和继续开发 理想分辨率: 我真的很想找到一种方法来禁用实时重新加载。如果这在使用AngularCLI后不可能实现,我需要知道,在没有CLI的情况下重建应用程序是值得的 Pre-Webpack(使用AngularCLI Beta 10)我过去可以通过使用以下命令运行angular来防止此问题: 来自package.json如何使用angularCLI停止对Angular2中的所有文件执行实时重新加载?,angular,webpack,livereload,Angular,Webpack,Livereload,环境: Angular 2.0.0(通过Angular CLI Beta 15和网页包构建) 问题: 无法关闭“实时重新加载”。我的应用程序涉及多个需要将文件上载到服务器和/或进行操作的区域。每次这些操作发生时,我的应用程序都会重新启动,几乎不可能进行测试和继续开发 理想分辨率: 我真的很想找到一种方法来禁用实时重新加载。如果这在使用AngularCLI后不可能实现,我需要知道,在没有CLI的情况下重建应用程序是值得的 Pre-Webpack(使用AngularCLI Beta 10)我过去可以
"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);
});
npm i express
ng build
node server.js
- 每次完成装载时重复步骤3
我看到了,但这是否意味着没有其他国旗可以做到这一点?如果是这样的话,我猜也许我尝试这样做的方式是错误的。必须有一种开发应用程序的方法,包括上传和更改媒体文件,而不是每次都强制重建,对吗?这太棒了,不过还有一件事,我如何调整,使我可以从另一个盒子在机器的ip地址上达到这一点?现在它只在本地主机上工作。明白了:使用这个:。侦听(端口,“0.0.0.0”,函数(){console.log('port:'+port);})@JasonPerr我也更新了你的答案:Dany对我发布的问题更新的想法?@JasonPerr更新。但给我30分钟,我必须在其中添加SPA路由支持。