我正在运行Angular 7.我对production
构建的设置包含密钥optimization=true
和buildOptimizer=true
。我将在底部包含一大块完整的production
配置部分我的angular.json
文件。
我在AWS Amplify上运行自动构建。我还将在底部包含构建配置,但基本上它运行npm run build --prod
。
问题是,在构建成功后,我可以导航到我的Web应用程序,仍然可以看到所有源代码都未经过验证(通过访问Chrome开发人员控制台并查看webpack
目录的内容)。无法确定我做错了什么。
angular.json
:
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [
{
"type": "initial",
"maximumWarning": "2mb",
"maximumError": "5mb"
}
],
"serviceWorker": true
}
构建脚本:
version: 0.1
frontend:
phases:
preBuild:
commands:
- npm ci
build:
commands:
- npm run build --prod
artifacts:
baseDirectory: dist/myprojectname
files:
- '**/*'
cache:
paths:
- node_modules/**/*
为什么不使用Angular-CLI?
只是命令
构建--prod
我认为你的'npm run build --prod'是自定义命令。所以,prod标志是未定义的。不是吗?
如果您使用的是webpack,请尝试使用devtool选项devtool: "hidden-source-map"
作为解决方法。