如何在Angular 6中删除dist文件？

Question

我想部署我的angular项目，我已经生成了dist文件，并将其放在src文件夹中，如下所示：

ng build

在部署之前，我决定为我的页面添加一些功能：

问题： 这样做是否可以更新dist文件？

ng serve update /dist dir

如果是假的，我希望删除dist文件并创建另一个文件，以便可以更新所有文件夹，这就是我想要做的。

ng serve remove /dist dir

这是删除dist文件的正确方法吗？

- The Dead Man

---

为什么不再次执行ng build呢？ serve是内存中的，这样做并没有帮助。 - jonrsharpe

再次执行 ng build。旧的将被替换。 - lifetimeLearner007

正如jonrsharpe所暗示的那样，ng serve不会生成/dist目录，因为它是在内存中提供供应商、样式、pollyfills和主文件。 - Zach Newburgh

在问题中描述实际问题非常有用，请相应地进行[编辑]。如果您遇到的问题与Angular CLI提供的功能有关，最好查看他们在GitHub上的问题跟踪器，以查看其他人是否有相同的问题。但是，您肯定不能像发明命令ng serve remove一样期望它们能够神奇地工作。您可以手动删除文件夹，然后再次构建。 - jonrsharpe

这是我要选择的选项，我只是想确认一下，因为我对所有这些东西都很新，谢谢。 - The Dead Man

Answer 1

这个有一个标志。请参见angular.io/cli/build

。

--delete-output-path true

我使用

"build:dev": "ng build --configuration dev --delete-output-path true"

- Ben Racicot

Answer 2

在Windows上最简单的解决方案

rd /s dist 

同时，在Linux系统上

rm -r dist

- Kamil Naja

Answer 3

由于您正在使用package.json并且为了操作系统的安全，我建议您使用rimraf。这不仅涉及Windows vs Linux，还涉及Linux发行版与Linux发行版之间、更改访问权限等问题。有了这个额外的抽象层，您就可以放心了。

安装：

npm install rimraf

在 package.json 的 scripts 部分中，将其作为第一个命令添加，并在 && 之后添加任何你想要执行的内容。请注意保留 HTML 标签。

"scripts": {
    "ng": "rimraf /dist && ng build"
}

调用构建/服务:

npm run ng

ng是您定义的脚本执行标识符。

- feder