Angular2——Angular-CLI——从自动构建观察者中排除文件夹

Question

angular-cli beta.16, using webpack. project created with the CLI

你好，

这是我的项目结构:


- 服务器
- 服务器.js
- 来源
- 应用程序
- 组件与合作
- Assets
- index.html


我正在使用 server.js 处理来 self 的一个 Angular 组件的上传请求。文件上传好了，我想把它放到assets目录下，以后在app中使用。

问题是当我做这样的工作(在 Assets 文件夹中上传文件)时，我的 angular-cli 会重新构建整个应用程序(因为它检测到我的文件发生了变化)，所以应用程序会重新加载到浏览器，我无法使用它。

有没有办法为 CLI 的“watch build”任务排除一些文件夹(对我来说是“assets”文件夹)？所以当我将新文件放入应用程序时，CLI 不会再次构建该应用程序？

谢谢大家!

Answer 1

我不相信有。但是，您是在倒退地考虑这个问题，或者考虑到有这么多赞成票，我可能不明白这个问题。

I want to put it in the assets directory, soi can use it after in the app.

这并没有加起来。你是什​​么意思在应用程序中使用它？您已经在应用程序中拥有这些文件，这是您自己说的:

I'm using server.js for handling upload request coming from one of my angular component.

..from one of my angular component..

---

让我们看一下您可以按要求执行的场景。文件上传到 Assets 。现在怎么办？

Webpack-dev-server 从内存中提供文件。使用 --watch，它会添加观察者，以便它知道文件何时更改并更新其内存。如果文件没有改变(或者在一个虚构的世界中，目录没有像您所要求的那样被监视)，那么就没有新的东西可以提供。换句话说，您将无法在您的应用程序的任何位置拥有类似 src="assets/myNewlyUploadedAsset.png" 的内容，它将返回 404。

---

我假设您想要这样做，因为您在 server.js 上对这些文件进行了一些更改。那么您有什么选择来获得这些更改？

您将其存储在 Assets 以外的其他地方。这是您应该做的，因为您的应用程序文件夹确实不是上传用户内容的地方。