Angular 配置或编译 JSON 资产

Question

是否有可能在 Angular 中或通过custom-webpack插件的帮助在将 JSON 资产复制到资产文件夹之前对其进行转换。 我有一个 JSON 文件，我想在将其放入资产文件夹之前转换一些值。 我曾尝试使用CopyWebpackPlugin ，但它似乎不适用于资产。

我想要做的是从src中获取 JSON ，在编译期间替换该 JSON 中的一些值，然后将其放入dist/<...>/assets下的目标位置。

Answer 1

这个问题实际上可以通过使用copy-webpack-plugin来解决。 需要注意的是 Angular 编译器将在copy-webpack-plugin运行后复制资产。 我观察到的问题是copy-webpack-plugin的文件被原始资产文件覆盖了。 为确保原始资产模板文件不会覆盖由copy-webpack-plugin复制和转换的文件，需要执行以下步骤：

1. 使用angular.json中的 资产配置，使用扩展资产形式从资产中排除源文件（可选择首先将源文件重命名为类似foo.tpl.json的名称）：

    { "glob": "**/*", "input": "./assets", "output": "dist/assets", "ignore": [ "**/foo.json" ] }

2. 通过copy-webpack-plugin复制和转换文件，这可以使用custom-webpack插件通过将copy-webpack-plugin作为附加插件添加到 webpack 配置来实现。

Answer 2

用它

https://www.npmjs.com/package/json-server

下载链接和文档链接是一样的

[顺便说一句，如果您需要非常复杂的查询 - 只需将Golang与PostgreSQL一起使用。 那里没有限制（但是你必须使用 postgreSQL 数据库而不是 .json 文件）]