1.在Angular项目根目录下,找到“angular.json”文件并打开。
2.在“architect”和“build”中添加“assets”和“fileReplacements”。添加以下代码:
"architect": {
"build": {
"options": {
"assets": [
"src/assets",
"src/favicon.ico",
{
"glob": "**/*",
"input": "node_modules/@assets",
"output": "/assets"
}
],
"fileReplacements": [
{
"replace": "src/assets/config.${env}.json",
"with": "src/assets/config.prod.json"
}
]
}
}
}
3.上述代码中,“assets”部分指定了在编译后添加到输出目录中的资源文件夹。可以添加多个文件夹、单个文件或使用“glob”匹配通配符。其中,“input”表示资源的源目录,“output”表示输出到应用程序中的目录。
4.在“fileReplacements”部分中,可以定义一个文件替换列表。可以指定要替换的文件、替换后的文件和要替换的文件。在本例中,我们将使用“src/assets/config.prod.json”替换“config.${env}.json”。
5.保存并重新启动应用程序,以确保更改已生效。