使用 Angular 中的源映射生成生產版本 - CLI

Question

生產構建后如何保留源映射？

現在，我的命令如下所示：

"build-prod": "ng build --app=release -prod && cp -R lang dist"

我嘗試將其更改為：

ng build --app=release --sourceMap=true -prod && cp -R lang dist

但什么都沒有改變。

如果我這樣做： ng build --sourcemap我得到 sourcemaps 但我得到 index.html 而不是 index.prod.html。

是否可以編輯第一個命令來構建源映射文件？

這是我的tsconfig.json文件：

 { "compileOnSave": false, "compilerOptions": { "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, "target": "es5", "typeRoots": [ "node_modules/@types" ], "lib": [ "es2017", "dom" ] } }

Answer 1

你應該像這樣編輯你的angular.json

"configurations": {
    "production": {
        "fileReplacements": [
            {
                "replace": "src/environments/environment.ts",
                "with": "src/environments/environment.prod.ts"
            }
        ],
        "optimization": true,
        "outputHashing": "all",
        "sourceMap": false, // change to true

然后運行

ng build --prod

但我不建議您在生產中打開源映射，因為它會增加包的大小

Answer 2

你可以試試

ng build --prod --source-map=true|false

angular.io/cli/build