angular - 在我使用“prod”标志构建后,Angular 应用程序没有被丑化
问题描述
我正在运行 Angular 7。我的production
构建设置包含键optimization=true
和buildOptimizer=true
. 我将在底部包含我的文件的一大块完整production
配置部分。angular.json
我正在 AWS Amplify 上运行自动构建。我还将在底部包含构建配置,但本质上它运行npm run build --prod
。
问题是构建成功后,我可以导航到我的网络应用程序,仍然可以看到所有未修改的源代码(通过转到 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?
只需命令
ng build --prod
我认为您的“npm run build --prod”是自定义命令。所以,prod 标志是未定义的。不是吗?
推荐阅读
- qt - 通过单击 QML 中的文本部分来发出信号
- java - Java中的字符到二进制到十六进制和向后
- ios - IOS NFC是否支持银行卡读取
- git - 如何迁移到 git lfs
- c# - C# Serilog:如何使用字符串插值记录并在消息模板中保留参数名称?
- typescript - 如何创建匹配复杂路径的 TypeScript 模块?
- java - 打开 .rskcdesc 的 SAS 风险文件扩展名
- css - Tailwind 网格动态侧边栏/导航栏宽度,主宽度为 100%
- apache-kafka - 使用 kafka-avro-console-consumer 使用旧模式使用消息
- r - 有没有办法在 r 中的 ggplot 中呈现多种方式