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 文件）]