Angualr 9- ng build --prod创建了多个es5和es2015 js文件
Angular 9是一种流行的前端开发框架，它使用TypeScript编写，并提供了丰富的工具和功能来构建现代化的Web应用程序。ng build --prod是Angular CLI的一个命令，用于将Angular应用程序编译为生产环境所需的静态文件。
在执行ng build --prod命令后，Angular 9会根据项目配置和构建选项创建多个ES5和ES2015 JavaScript文件。这些文件是为了兼容不同的浏览器和JavaScript引擎而生成的。
ES5和ES2015是ECMAScript（JavaScript的标准化版本）的不同版本。ES5是较旧的版本，兼容性更广，适用于大多数现代浏览器。ES2015是较新的版本，引入了许多新的语言特性和功能，但在一些旧版本的浏览器中可能不被完全支持。
创建多个ES5和ES2015 JavaScript文件的目的是为了实现浏览器的兼容性，并根据浏览器的支持情况加载相应的文件。这样可以确保应用程序在不同的浏览器中都能正常运行。
对于Angular应用程序，使用ng build --prod命令创建多个ES5和ES2015 JavaScript文件的优势包括：
- 兼容性：通过生成不同版本的JavaScript文件，可以确保应用程序在各种浏览器和JavaScript引擎中都能正常运行。
- 性能优化：根据浏览器的支持情况加载相应的JavaScript文件，可以减少不必要的代码和功能加载，提高应用程序的性能。
- 代码分割：Angular的构建工具会自动将应用程序代码分割成多个模块，以便按需加载，减少初始加载时间和资源消耗。
- 体积优化：生成的ES5和ES2015 JavaScript文件经过压缩和优化，可以减小文件大小，提高应用程序的加载速度。
对于使用Angular 9进行开发的应用程序，推荐的腾讯云相关产品是腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
腾讯云云服务器（CVM）是一种可扩展的云计算服务，提供高性能的虚拟机实例，适用于各种应用程序的部署和运行。
腾讯云对象存储（COS）是一种安全可靠的云存储服务，适用于存储和管理大量的静态文件，如图片、视频、文档等。
以下是腾讯云相关产品的介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
当我尝试构建我的angular应用程序时，我得到了以下包，以及主文件和其他必需的文件 0-es5.js1-es5.js4-es5.js9-es5.js10-es5.js11-es5.js
11-es2015.
浏览 53提问于2020-04-23得票数 0
3回答
在tsconfig.json中，target设置为es2015。现在，如果我使用ng build构建应用程序，我将从Angular获得以下输出：Hash: 33c0be7176e97a0b4271chunk {scripts} scripts.js, scripts.js.ma
浏览 0提问于2019-07-02得票数 1
在关注了几个博客之后，我遇到的每个博客的最后一步都谈到了如何从dist/文件夹下的生成文件中创建一个JS文件。例如：
然后使用cat命令，我们将runtime.js、polyfills.js、scripts.js和main.js文件从dist/角-app文件夹连接到预览文件夹中的angularapp.js文件中相反，运行<e
浏览 8提问于2020-02-12得票数 29
回答已采纳
11回答
角-CLI v8实现了差动加载.但我不需要es5构建的文件。我想减少部署数量。
我在下面试过。但是CLI生成了es5文件。将Chrome 41、IE9-11和ie_mob 11排除在browserList之外。
浏览 0提问于2019-05-18得票数 41
1回答
在中没有打开角8应用程序
、、、、
它在Google Chrome和EDGE中运行良好，但在IE 11中甚至没有加载。我在网上探索了这个解决方案，并尝试了一些建议的解决方案。/es/symbol'; import 'core-js/es/function'; import 'c
浏览 4提问于2019-11-06得票数 1
我需要让我的角度项目同时在IE11和Edge上工作，但是一个非常简单的hello世界甚至在这两个浏览器中都没有显示出来。6.4.0webpack 4.35.2如polyfills.ts所述，我安装了所需的软件包，npm install --save web-animatio
浏览 4提问于2019-08-05得票数 7
1回答
因此，我正在尝试创建一个电子版本的我的角度网页应用程序，以运行在桌面上的本地外观和感觉。, "scripts": { "start": "ng serve",
"build": "ngbuild&q
浏览 1提问于2018-12-17得票数 0
回答已采纳
我们需要使角8和IE 11一起工作。我们使用target=es5，并且ng服务创建Polly填充--es5.js，它包含所需的数组--包含多个填充，但是控制台中有一个错误: error TypeError: Object不支持属性或方法'"build":{ "configurations":{ "tsCo
浏览 0提问于2019-08-16得票数 1
回答已采纳
ng build --prod --base-href "/Windchill/com/qiwkCollaborator/""name": "qwik-collaborator", "
浏览 20提问于2020-05-14得票数 7
回答已采纳
dist文件夹中index.html底部的脚本不再具有type="text/javascript“<script src="polyfills-es2015.dd0ef0c762416a11ccfe.js" type="module"><
浏览 0提问于2019-06-22得票数 2
通过谷歌搜索，似乎ng-lightning可能是ES6，我需要将其简写为ES5。我尝试在我的package.json文件中执行以下脚本，但仍然收到相同的错误。从‘@ C:\myapp\node_modules\ng-lightning\ng-lightning.js:1 /C：\myapp\node_modules\ng-lightning\ng-lightning.js:1’导入{ NgModule }；^ ParseEr
浏览 4提问于2017-05-09得票数 1
7回答
我们的团队已经创建了一个angular 9新项目，它在谷歌浏览器和火狐上运行得很好，但在IE11上我看不到任何东西。我尝试了互联网上的所有东西，关注了每个与此相关的博客，但我无法实现目标。, "moduleResolution": "node", "target": "es2015/ts
浏览 31提问于2020-07-15得票数 5
但是，当我将AoT编译与rollup和uglify一起使用时，我总是会得到错误：
{ "target": "es2015", "mod
浏览 1提问于2016-10-06得票数 0
回答已采纳
但是，运行ng build可以实现精细，但是，无论是ng serve --aot、ng build --aot还是ng build --prod (这也支持aot )都会导致下面的错误。类型记录编译器无法找到我的自己的文件，这些文件都位于src/app/types/中。_tickCallback (internal/process/next_tick.js</
浏览 0提问于2018-11-21得票数 0
回答已采纳
13回答
当我生成一个带有角CLI (8.0.0)的项目时，我运行ng serve，在Internet中打开应用程序，然后出现一个空白屏幕。我查看了polyfills.ts文件，并取消了以下行的注释： import 'web-animations-js'; },
"devD
浏览 1提问于2019-05-30得票数 86
回答已采纳
命令不会自动创建具有最小多边形填充的现代ES2015构建，也不会对tsconfig.json文件进行更改。我已经使用该url更新了angular版本的https://update.angular.io/#7.0:8.0 当我创建了构建，它创建了块文件，但是与es2015相关的文件不会被创建 Date: 2019, styles.js.map (styles) 1.91 MB [initial] [rendered] CLI
浏览 12提问于2019-06-04得票数 0
在开发环境中，我可以使用Chrome选项卡进行调试，但是在prod服务器中，运行ng build --prod后我使用dist文件夹内容。这个文件夹包含编译过的代码，所以如果生产中有问题，我不知道如何调试才能找到问题。
是否可以通过产品编译代码进行调试？
浏览 4提问于2017-08-21得票数 38
回答已采纳
2回答
我使用的是角4 CLI (v.1.0.0)，为了处理测试，我创建了一些使用茉莉创建间谍的模拟。在IDE中，一切看起来都很好，但是在我得到的终端中，错误上写着“找不到名字‘茉莉花’”。/out-tsc/spec", "target": "es5", "types": [/out-
浏览 4提问于2017-04-21得票数 20
回答已采纳
在我的角8的angular.json文件中，我为生产设置了一个initial预算： "optimization": true, "with": "src/environments/environment.prod.ts&
浏览 5提问于2019-12-09得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
