如何在Angular根目录上传example.js并直接访问?无需assets目录
实现方式(无需放入assets目录)
要让根目录下的example.js能通过localhost:3000/example.js直接访问,必须修改angular.json的资源配置,具体步骤如下:
修改build阶段的assets配置
找到angular.json中对应项目的architect > build > options > assets数组,添加一个配置项,指定文件的来源路径和输出到构建根目录:"assets": [ "src/favicon.ico", "src/assets", { "glob": "example.js", "input": "./", // 若文件放在src目录下,改为"src" "output": "./" // 输出到构建产物的根目录 } ]重启开发服务器
修改angular.json后,必须停止当前的ng serve进程,重新启动才能让配置生效——这是很多人配置后没效果的常见原因。验证访问
重启服务后,访问localhost:3000/example.js即可直接获取到该文件。
原理说明:Angular CLI默认只会复制assets目录和指定的资源文件到构建输出目录,根目录下的文件不会被自动包含,因此必须显式在assets配置中声明,才能让开发服务器和构建流程识别并复制该文件到根路径。
内容的提问来源于stack exchange,提问作者Pratik Sawant
相关产品推荐
相关产品推荐

