Angular 2 ng-build每次代码更改时

Question

我开发了一个MEAN应用程序。过去我只使用Angular，ng-serve是尝试代码和开发的幸运。

现在结合 Node.js 作为一个服务器，将 Angular 加载到我所谓的"公共"文件夹中，我每次都必须执行"ng build"，它确实会遍历所有文件，即使我只是在一个组件 Typescript 上更改了一点代码。

我的问题？我该怎么做才能使用 Node.js 和 Angular 2 更快地开发，而不会每次在更改的代码上都遇到"ng build"？

Answer 1

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

Answer 2

一种方法是您可以同时使用库和精简服务器。将它们作为依赖项安装在 package.json 中使用并发运行打字稿编译器和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，它将启动服务器并在您更改并重新加载页面时编译代码