You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Angular根目录上传example.js并直接访问?无需assets目录

实现方式(无需放入assets目录)

要让根目录下的example.js能通过localhost:3000/example.js直接访问,必须修改angular.json的资源配置,具体步骤如下:

  1. 修改build阶段的assets配置
    找到angular.json中对应项目的architect > build > options > assets数组,添加一个配置项,指定文件的来源路径和输出到构建根目录:

    "assets": [
      "src/favicon.ico",
      "src/assets",
      {
        "glob": "example.js",
        "input": "./", // 若文件放在src目录下,改为"src"
        "output": "./" // 输出到构建产物的根目录
      }
    ]
    
  2. 重启开发服务器
    修改angular.json后,必须停止当前的ng serve进程,重新启动才能让配置生效——这是很多人配置后没效果的常见原因。

  3. 验证访问
    重启服务后,访问localhost:3000/example.js即可直接获取到该文件。

原理说明:Angular CLI默认只会复制assets目录和指定的资源文件到构建输出目录,根目录下的文件不会被自动包含,因此必须显式在assets配置中声明,才能让开发服务器和构建流程识别并复制该文件到根路径。

内容的提问来源于stack exchange,提问作者Pratik Sawant

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.30 18:05:57