Angular 4. 在生產環境中刪除文件

Question

我有 Angular 4 項目並且只在開發環境中使用我的一些文件（或類）。 但是如何從生產環境的構建中刪除它們（ng build --env=prod）？

謝謝。

Answer 1

生產環境使用AOT編譯，因此您可以通過在src文件夾中創建一個名稱為tsconfig-aot.json的文件來自定義構建選項（有關更多信息，請tsconfig-aot.json of Time Compilation ），然后可以使用exclude數組指定排除文件，例如：

"exclude": [
  "test.ts",
   "**/*.spec.ts"
 ]

Answer 2

您也可以在angular.json中使用"fileReplacements" 。 您必須在構建中添加該文件，然后再將其替換為任何內容，因此它將刪除該文件。

例如，如果我只想在生產環境中而不是在暫存環境中添加robots.txt ，則可以這樣寫-

"build": {
    "builder": "@angular-devkit/build-angular:browser",
    "options": {
        "outputPath": "dist/Build",
        "index": "src/index.html",
        "main": "src/main.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "src/tsconfig.app.json",
        "assets": [
            "src/favicon.ico",
            "src/robots.txt",
            "src/assets"
        ],
        "styles": [
            "node_modules/ionicons/dist/css/ionicons.css",
            "node_modules/ngx-lightbox/lightbox.css",
            "src/styles.css"
        ],
        "scripts": [
            "node_modules/prismjs/components/prism-typescript.js",
            "src/assets/js/customerUserMenu.js"
        ]
    },
    "configurations": {
        "production": {
            "outputPath": "dist/Production",
            "fileReplacements": [
                {
                    "replace": "src/environments/environment.ts",
                    "with": "src/environments/environment.prod.ts"
                }
            ]
        },
        "staging": {
            "outputPath": "dist/MyprojectStaging",
            "fileReplacements": [
                {
                    "replace": "src/environments/environment.ts",
                    "with": "src/environments/environment.staging.ts"
                },
                {
                    "replace": "src/robots.txt",
                    "with": ""
                }
            ]
        }
    }
},