Angular 2每次更改代码都需要ng-build吗？

Question

我正在开发一款 MEAN 应用。以前我只使用过 Angular，而 ng serve 让我可以轻松测试和开发代码。

现在我将 Node.js 作为服务器，并将 Angular 加载到我的所谓“public”文件夹中，每次只是在一个组件 TypeScript 上更改了一点点代码时，我仍然需要运行 “ng build”，这将遍历所有文件。

我的问题是：有什么方法可以在使用 Node.js 和 Angular 2 时更快地开发，而不必每次都执行“ng build”？

- user3332010

---

请提供您的 package.json 文件。 - Nehal

Answer 1

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

- Shiv N Savsani

---

最好将此作为注释添加。 - Masoud Rahimi

Answer 2

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

- praveen

---

我找到了一个解决方案。它叫做“ng build --watch”。试一试吧。感谢大家的帮助。 - user3332010