"npm run build --prod“中的--prod标志是什么？
在npm run build --prod命令中，--prod标志是用于指定构建过程中的生产环境标志。它告诉构建工具（如Webpack或Angular CLI）以生产模式进行构建，以便优化代码并减小生成的文件大小。
具体来说，--prod标志会触发以下行为：
- 代码优化：构建工具会对代码进行优化，包括删除未使用的代码、压缩代码、提取公共模块等，以减小生成的文件大小和提高应用性能。
- 环境变量配置：构建工具会使用生产环境的配置文件，以确保应用在生产环境中正常运行。
- AOT编译：如果使用Angular框架，--prod标志会触发AOT（Ahead-of-Time）编译，将模板编译为可执行的JavaScript代码，以提高应用的加载速度和性能。
- Tree Shaking：构建工具会通过静态分析代码，只打包应用中实际使用的模块和函数，从而减小生成的文件大小。
- Source Maps：构建工具会生成用于调试的Source Maps文件，以便在生产环境中定位和调试代码。
应用场景： --prod标志通常在将应用部署到生产环境之前使用。在开发过程中，我们通常使用--prod标志来构建和测试生产环境的版本，以确保应用在生产环境中能够正常运行并具有较好的性能。
腾讯云相关产品和产品介绍链接地址： 腾讯云提供了多种与云计算相关的产品和服务，以下是一些相关产品和对应的链接地址：
- 云服务器（CVM）：提供弹性、安全、可靠的云服务器实例，可满足不同规模和需求的应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，支持自动备份、容灾、监控等功能。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于图片、视频、文档等各种类型的数据存储和管理。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，支持图像识别、语音识别、自然语言处理等应用场景。详情请参考：https://cloud.tencent.com/product/ailab
请注意，以上链接仅供参考，具体产品和服务详情请以腾讯云官方网站为准。
相关·内容
其中一部分是创建React应用程序的生产构建文件，并将它们复制到后端目录，以便它们可以作为静态文件。为了优化任务，他们建议将此npm脚本添加到后端目录： "build:ui": "rm -rf build && cd ../../osa2/materiaali/notes-new && npm run build --prod && c
浏览 257提问于2020-09-15得票数 2
2回答
我正在使用角5构建一个聊天机器人，我已经创建了一个包含8/9组件的小应用程序。现在的问题是生产构建(包js )文件总数达到3.6MB。如果我必须在cdn上托管这些文件，那么代价会很高。如何将包大小减少到类似于100 kb这样的可行范围？捆绑细节：hunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 3.89 kB [entry] [renderedrendered]
chunk {vendor} vendor.bundle.
浏览 1提问于2018-03-08得票数 0
我需要帮助，我已经做了一个基于.Net核心2.1的角度项目。因此，当我试图发布VS时，返回以下错误：所以错误是：
所以，我遵循了这个解决方案：，但没有成功，我没有发现：npm运行构建--在我的.angular-cli.json上推动-\\bin\\npm-cli.js',1 verbose cli 'build',
1 verbose cli '
浏览 1提问于2018-12-18得票数 4
Webpack是为--env.prod和--env.dev成立的，它是通过JavaScriptServices集成的。
从Visual 2015构建和运行应用程序似乎很好*。*然而，供应商包从未重建过，--env.prod webpack构建也从未运行过。我假设这一切都能工作(即使在示例中)，仅仅是因为文件的一个版本被提交到存储库中。运行dotnet run或dotnet build是不够的，因为这不会影响webpa
浏览 1提问于2016-11-14得票数 4
我已经在Jenkins服务器上安装了特定用户帐户下的节点和角Cli。一次运行: npm安装然后我构建Jenkins，它运行npm安装，但是它运行ng build失败了，因为它说'ng‘不被识别为内部或外部命令“。
我做错了什么吗？是否有另一种方法可能在node_modules文件夹上使用角cli，因此它不需要使用安装在服务器上的角cli。似乎只为服务器上的用户安装了角CLI，而不是为Jenkins用于构建的用户
浏览 9提问于2017-11-15得票数 8
回答已采纳
1回答
在构建我的服务器的webpack生产版本时，我在文件名中使用散列来将不同的构建彼此分开。文件的名称应该类似于：从命令提示符很容易启动我的服务器应用程序。
有没有办法从npm脚本中动态地做到这一点(即自动获取最新版本)？
浏览 2提问于2019-06-01得票数 1
1回答
我想将我的angular6项目部署到docker，但是我有一个问题。RUN npm install RUN npm install -g @angular/cli
FROMnginx:alpine
COPY --from=node /app/dist/ClientAp
浏览 0提问于2018-09-15得票数 1
回答已采纳
当我使用命令npm运行build --prod时，会收到以下错误消息：
src\app\components\app\app.component.html(77,56)：中的错误:属性“验证”是私有的，只能在类'AppComponent‘中访问。src\app\c
浏览 0提问于2019-03-04得票数 0
回答已采纳
1回答
我试过了 npm run build:prod > project@0.1.0 build:prod C:\Users\MYNAME\source\repos\Project
npm ERR!Project@0.1.0 build:prod: `env-cmd -f .env.<
浏览 30提问于2021-04-19得票数 0
回答已采纳
3回答
我有一个使用esm模块和导入语句的应用程序。在开发中使用nodemon的--实验性模块标志时，它运行得很好，但是当我在生产环境中运行它时，使用where，导入失败，因为我不知道把这个标志放在哪里。当我跑的时候 其中的package.json如下所示 ..。如果我将实验性模块添加到forever-config.json的"script“部分，它会表达相同的意思。 我已经在网上搜索过好几次了。如何将--experimental
浏览 52提问于2019-06-20得票数 3
下面是我在package.json中安装的脚本以及我的webpack.config。//Package.json "start": "npm-run-all --parallel build:prod lift",
"dev": "webpack--mode development && sails li
浏览 2提问于2019-10-02得票数 0
回答已采纳
debug, dev, prod etc --> <Exec WorkingDirectory="$(SpaRoot)" Command=&qu
浏览 2提问于2019-04-08得票数 2
回答已采纳
4回答
我一直在想，为什么我的客户总是需要清除他的浏览器缓存为我的网站。结果显示，这些角文件没有正确生成。或者更准确地说，它们得到了构建，但是它们的名称没有被散列，这导致了与以前版本相同的名称，因此浏览器认为没有什么改变。= '0'" Text="Node.js is required to build and run this project.install" />
<Exec WorkingDi
浏览 1提问于2019-04-01得票数 1
回答已采纳
我在用于构建的gitlab-ci.yml文件中有以下设置 build_app: stage: build expire_in:/app# - COPY . . ???- npm run build --prod 正如您所看到的，我的构建总是带有--prod标志，并且当
浏览 78提问于2020-10-01得票数 0
回答已采纳
我正在尝试通过启动NPM start --port 4300来启动Chrome。但同样的方法永远不会奏效。我也检查了package.json文件，但我找不到任何类似于http：\localhost4200的条目。 "build:prod": "npm<
浏览 1提问于2018-05-16得票数 0
我正在尝试在本地编译angular的源代码。我尝试过中给出的说明在运行文档中提到的bazel build packages/...命令之后。我得到了编译后的Angular包，但使用的是ES6。我不知道如何获得所有包的ES5版本。尝试调整tsconfig.json，但也没有成功。
浏览 6提问于2019-07-31得票数 0
我是通过这个命令npm run build:prod创建NG2管理应用程序映像的，它成功地创建了映像，但是当我将这个映像部署到docker上时，它总是给我带来错误，所以我想运行。npm运行构建:prod:aot
0 info it wor
浏览 0提问于2017-12-19得票数 0
当使用npm run ng build -- --prod运行命令时，它会显示"line 1: 6910 Killed“，后跟失败的命令sh "ng build --prod"
sh "<e
浏览 31提问于2021-06-08得票数 0
回答已采纳
我想在我的package.json中定义一个package.json条目，以简化几种环境的构建。在脚本执行中，我需要将$1 (或占位符所需的任何语法)替换为传递给npm run build-script的参数，例如--env=prod或更简单的--prod。我怎么能这么做？我在这里发现的其他问题和答案无助于我解决这个问题。
"scripts":
浏览 4提问于2017-11-23得票数 3
回答已采纳
2回答
杰普斯特的允许使用纱线或npm，在另一个问题上，建议运行纱线安装和纱线webpack:build是UI开发中的新手，我们只允许使用npm，所以我想知道纱线安装和：build的等效性是什么？我创建了一个新项目(不是用“溜溜球-
浏览 4提问于2017-11-21得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
