每当代码更改时，Angular 2 ng-build？

Question

我正在开发一个MEAN应用程序。在过去，我只使用Angular和ng-serve是一个很好的尝试代码和开发。

现在结合Node.js作为服务器，在我所谓的“公共”文件夹中加载Angular，我每次都必须进行“构建”并且它确实遍历所有文件，即使我刚刚更改关于一个组件Typescript的一些代码。

我的问题？我可以做些什么来使用Node.js和Angular 2更快地开发，而不是每次都在更改代码上“ng build”？

Answer 1

一种方法是可以同时使用库和liteserver。 在package.json中将它们作为依赖项安装 使用并发运行typescript编译器和liteserver，然后在修改代码时自动加载页面。

{
"scripts" : {
  "start" : "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
  "lite" : "lite-server",
  "tsc":"tsc",
  "tsc:w":"tsc -w"
}
"devDependencies":{
   "concurently":"^2.0.0",
   "lite-server":"2.2.0"
}
}

在package.json文件中包含上述代码并运行npm install，它将安装依赖项。 然后运行npm start，它将启动服务器并在您更改并重新加载页面时编译代码

Answer 2

我认为ngbuild --watch可以提供帮助。