每当将文件添加到资产时重建 angular-cli 项目

【问题标题】：Rebuild angular-cli project whenever a file is added to assets每当将文件添加到资产时重建 angular-cli 项目
【发布时间】：2018-02-14 09:13:05
【问题描述】：

我正在ng build --watch 上运行一个 Angular 项目，但是每次我向资产添加新图像时，我都必须手动重建项目或在 dist 文件夹中再次添加相同的图像。有没有办法让它也监视资产文件夹？

编辑：原来我动态添加图像的问题最好通过直接从 Node.js 服务器提供文件来解决。

【问题讨论】：

  • 你为什么不使用ng serve？这就是它的用途
  • 它的目的是在生产中重建。
  • 你是在说ng serve 还是ng build --watch？
  • 它在节点服务器上运行，我需要它与ng build一起工作
  • 它会在测试时使用ng serve 然后使用ng build 构建应用程序以与节点服务器一起使用

标签： angular webpack angular-cli


【解决方案1】：

  1. 将图片放在 Angular 的 dist 文件夹之外的目录中

  2. 让 nodejs 网络服务器从该目录静态提供文件（或者让你的代理，例如 nginx，如果 nodejs 在代理后面，则直接执行）

  3. 不要在模板/组件中引用“assets/.../file”，而是引用由网络服务器/代理直接提供的图像文件的 url

【讨论】：

    猜你喜欢
    • 2018-04-29
    • 1970-01-01
    • 1970-01-01
    • 2017-11-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode