[英]Angualr 9 - ng build --prod created multiple es5 and es2015 js files
[英]Why does Angular build create files with 'es5' and 'es2015' but not 'es6' (or no suffix at all)?
我最近下载了Angular CLI
(@angular/cli 9.0.1)。 然后我继续创建一个新的应用程序,以便我可以创建一个新的 Angular 元素,package 它,并在另一个应用程序中使用它。
在关注了几篇博客之后,我遇到的每篇博客的最后一步都在谈论从 dist/ 文件夹下生成的文件创建单个 JS 文件。 例如: https://blog.bitsrc.io/using-angular-elements-why-and-how-part-1-35f7fd4f0457
然后使用 cat 命令,我们将 dist/angular-app 文件夹中的runtime.js 、 polyfills.js 、 scripts.js和main.js文件连接到预览文件夹内的 angularapp.js 文件中。
运行ng build angular-app --prod --output-hashing=none
似乎会生成名为:
我搜索了每个包含术语es5和es2015的文件并将其更改为es6 ,但它仍然生成相同的es5和es2015文件名。 我在这里做错了什么?
Angular 不会将 JavaScript 文件捆绑到一个文件中。
您可以添加构建步骤以将文件连接在一起。
concat-build.js :
var concat = require('concat');
const es5 = ['./dist/app/runtime-es5.js','./dist/app/polyfills-es5.js','./dist/app/main-es5.js'];
const es2015= ['./dist/app/runtime-es2015.js','./dist/app/polyfills-es2015.js','./dist/app/main-es2015.js'];
concat(es5, './dist/app/elements-es5.js');
concat(es2015, './dist/app/elements-es2015.js');
package.json :
"scripts": {
"concat": "node ./concat-builds.js",
"build": "ng build --prod --output-hashing=none && npm run concat"
}
不要对 ES5 和 ES2015 版本感到困惑,因为 Angular 团队根据模块的加载方式拆分了包(不是特别针对 JavaScript 版本)。
Web 支持模块的浏览器会加载ES2015版本,而不是ES5版本,但建议都在Html中。
如果你只想使用一个文件,那么你必须使用旧的 ES5 版本,并且应该按如下方式提供它:
<script src="elements-es5.js">
建议按如下方式提供这两个文件,浏览器将加载合适的版本:
<script src="elements-es5.js" nomodule defer>
<script src="elements-es2015.js" type="module">
请注意:
较旧的浏览器会忽略
type="module"
版本,较新的浏览器会跳过nomodule
版本。
ES2015 与 ES6 相同。 ECMAScript 6 于 2015 年发布。
一些历史:
https://codeburst.io/javascript-wtf-is-es6-es8-es-2017-ecmascript-dca859e4821c
它们是同一回事。
第 6 版 - ECMAScript 2015
同一事物的不同名称。 Angular 只是选择将其称为 es2015。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.