iSharkFly-Docs/angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(zone.js): upgrade zone.js to angular package format(APF) (#36540)

Browse Source 
Close #35157

In the current version of zone.js, zone.js uses it's own package format, and it is not following the rule
of Angualr package format(APF), so it is not easily to be consumed by Angular CLI or other bundle tools.
For example, zone.js npm package has two bundles,

1. zone.js/dist/zone.js, this is a `es5` bundle.
2. zone.js/dist/zone-evergreen.js, this is a `es2015` bundle.

And Angular CLI has to add some hard-coding code to handle this case, ohttps://github.com/angular/angular-cli/blob/5376a8b1392ac7bd252782d8474161ce03a4d1cb/packages/schematics/angular/application/files/src/polyfills.ts.template#L55-L58

This PR upgrade zone.js npm package format to follow APF rule, https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs/edit#heading=h.k0mh3o8u5hx

The updated points are:

1. in package.json, update all bundle related properties

```
  "main": "./bundles/zone.umd.js",
  "module": "./fesm2015/zone.js",
  "es2015": "./fesm2015/zone.js",
  "fesm2015": "./fesm2015/zone.js",
```

2. re-organize dist folder, for example for `zone.js` bundle, now we have

```
  dist/
      bundles/
             zone.js            // this is the es5 bundle
      fesm2015/
             zone.js            // this is the es2015 bundle (in the old version is `zone-evergreen.js`)
```

3. have several sub-packages.

1. `zone-testing`, provide zone-testing bundles include zone.js and testing libraries
2. `zone-node`, provide zone.js implemention for NodeJS
3. `zone-mix`, provide zone.js patches for both Browser and NodeJS

All those sub-packages will have their own `package.json` and the bundle will reference `bundles(es5)` and `fesm2015(es2015)`.

4. keep backward compatibility, still keep the `zone.js/dist` folder, and all bundles will be redirected to `zone.js/bundles` or `zone.js/fesm2015` folders.

PR Close #36540
This commit is contained in:
JiaLiPassion
2020-05-17 10:53:03 +09:00
committed by Misko Hevery
parent 1fce6d6bae
commit 583a9d38a1
182 changed files with 1710 additions and 904 deletions
Download Patch File Download Diff File Expand all files Collapse all files
modules/benchmarks/src/change_detection/transplanted_views/BUILD.bazel
+1 -1
View File
@@ -29,7 +29,7 @@ ng_rollup_bundle(
ts_devserver(
name = "prodserver",
bootstrap = ["//packages/zone.js/dist:zone.js"],
bootstrap = ["//packages/zone.js/bundles:zone.umd.js"],
port = 4200,
static_files = ["index.html"],
deps = [":bundle.min_debug.es2015.js"],
modules/benchmarks/src/expanding_rows/BUILD.bazel
+2 -2
View File
@@ -42,7 +42,7 @@ ng_rollup_bundle(
ts_devserver(
name = "prodserver",
bootstrap = ["//packages/zone.js/dist:zone.js"],
bootstrap = ["//packages/zone.js/bundles:zone.umd.js"],
port = 4200,
static_files = ["index.html"],
deps = [":bundle.min_debug.es2015.js"],
@@ -50,7 +50,7 @@ ts_devserver(
ts_devserver(
name = "devserver",
bootstrap = ["//packages/zone.js/dist:zone.js"],
bootstrap = ["//packages/zone.js/bundles:zone.umd.js"],
entry_module = "angular/modules/benchmarks/src/expanding_rows/index_aot",
port = 4200,
scripts = [
modules/benchmarks/src/js-web-frameworks/ng2/BUILD.bazel
+1 -1
View File
@@ -26,7 +26,7 @@ ng_rollup_bundle(
ts_devserver(
name = "prodserver",
bootstrap = ["//packages/zone.js/dist:zone.js"],
bootstrap = ["//packages/zone.js/bundles:zone.umd.js"],
port = 4200,
static_files = ["index.html"],
deps = [":bundle.min_debug.es2015.js"],
modules/benchmarks/src/largeform/ng2/BUILD.bazel
+1 -1
View File
@@ -24,7 +24,7 @@ ts_devserver(
name = "devserver",
bootstrap = [
"@npm//:node_modules/reflect-metadata/Reflect.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
],
entry_module = "angular/modules/benchmarks/src/largeform/ng2/index",
port = 4200,
modules/benchmarks/src/largetable/ng2/BUILD.bazel
+1 -1
View File
@@ -32,7 +32,7 @@ ng_rollup_bundle(
ts_devserver(
name = "prodserver",
bootstrap = ["//packages/zone.js/dist:zone.js"],
bootstrap = ["//packages/zone.js/bundles:zone.umd.js"],
port = 4200,
static_files = ["index.html"],
deps = [":bundle.min_debug.es2015.js"],
modules/benchmarks/src/largetable/ng2_switch/BUILD.bazel
+1 -1
View File
@@ -22,7 +22,7 @@ ts_devserver(
name = "devserver",
bootstrap = [
"@npm//:node_modules/reflect-metadata/Reflect.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
],
entry_module = "angular/modules/benchmarks/src/largetable/ng2_switch/index",
port = 4200,
modules/benchmarks/src/styling/ng2/BUILD.bazel
+1 -1
View File
@@ -26,7 +26,7 @@ ng_rollup_bundle(
ts_devserver(
name = "prodserver",
bootstrap = ["//packages/zone.js/dist:zone.js"],
bootstrap = ["//packages/zone.js/bundles:zone.umd.js"],
port = 4200,
static_files = ["index.html"],
deps = [":bundle.min_debug.es2015.js"],
modules/benchmarks/src/tree/ng2/BUILD.bazel
+1 -1
View File
@@ -32,7 +32,7 @@ ng_rollup_bundle(
ts_devserver(
name = "prodserver",
bootstrap = ["//packages/zone.js/dist:zone.js"],
bootstrap = ["//packages/zone.js/bundles:zone.umd.js"],
port = 4200,
static_files = ["index.html"],
deps = [":bundle.min_debug.es2015.js"],
modules/benchmarks/src/tree/ng2_static/BUILD.bazel
+1 -1
View File
@@ -21,7 +21,7 @@ ts_devserver(
name = "devserver",
bootstrap = [
"@npm//:node_modules/reflect-metadata/Reflect.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
],
entry_module = "angular/modules/benchmarks/src/tree/ng2_static/index",
port = 4200,
modules/benchmarks/src/tree/ng2_switch/BUILD.bazel
+1 -1
View File
@@ -22,7 +22,7 @@ ts_devserver(
name = "devserver",
bootstrap = [
"@npm//:node_modules/reflect-metadata/Reflect.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
],
entry_module = "angular/modules/benchmarks/src/tree/ng2_switch/index",
port = 4200,
modules/benchmarks/src/views/BUILD.bazel
+2 -2
View File
@@ -30,7 +30,7 @@ ts_devserver(
static_files = [
":bundle.min_debug.es2015.js",
":bundle.min.es2015.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"index.html",
],
)
@@ -44,7 +44,7 @@ ts_devserver(
],
serving_path = "/index.js",
static_files = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"index.html",
],
deps = [":application_lib"],
modules/benchmarks/src/views/index.html
+1 -1
View File
@@ -27,7 +27,7 @@
});
}
// zone.js must be loaded and processed before Angular bundle gets executed
loadScript('/npm/node_modules/zone.js/dist/zone.js').then(function () {
loadScript('/npm/node_modules/zone.js/bundles/zone.umd.js').then(function () {
loadScript(document.location.search.endsWith('debug') ? 'bundle.min_debug.es2015.js' : 'bundle.min.es2015.js');
});
}
modules/playground/src/animate/BUILD.bazel
+1 -1
View File
@@ -22,7 +22,7 @@ ts_devserver(
scripts = ["@npm//:node_modules/tslib/tslib.js"],
static_files = [
"index.html",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
deps = [":animate"],
modules/playground/src/async/BUILD.bazel
+1 -1
View File
@@ -16,7 +16,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/async/index",
modules/playground/src/gestures/BUILD.bazel
+1 -1
View File
@@ -19,7 +19,7 @@ ts_devserver(
name = "devserver",
bootstrap = [
"@npm//:node_modules/hammerjs/hammer.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/gestures/index",
modules/playground/src/hello_world/BUILD.bazel
+1 -1
View File
@@ -16,7 +16,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/hello_world/index",
modules/playground/src/http/BUILD.bazel
+1 -1
View File
@@ -18,7 +18,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/http/index",
modules/playground/src/jsonp/BUILD.bazel
+1 -1
View File
@@ -17,7 +17,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/jsonp/index",
modules/playground/src/key_events/BUILD.bazel
+1 -1
View File
@@ -16,7 +16,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/key_events/index",
modules/playground/src/model_driven_forms/BUILD.bazel
+1 -1
View File
@@ -17,7 +17,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/model_driven_forms/index",
modules/playground/src/order_management/BUILD.bazel
+1 -1
View File
@@ -17,7 +17,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/order_management/index",
modules/playground/src/person_management/BUILD.bazel
+1 -1
View File
@@ -17,7 +17,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/person_management/index",
modules/playground/src/relative_assets/BUILD.bazel
+1 -1
View File
@@ -25,7 +25,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/relative_assets/index",
modules/playground/src/routing/BUILD.bazel
+1 -1
View File
@@ -26,7 +26,7 @@ ts_devserver(
"//third_party/fonts.google.com/open-sans",
"@npm//:node_modules/rxjs/bundles/rxjs.umd.js",
"@npm//:node_modules/tslib/tslib.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"index.html",
"@npm//:node_modules/reflect-metadata/Reflect.js",
"@npm//:node_modules/systemjs/dist/system.js",
modules/playground/src/routing/index.html
+1 -1
View File
@@ -15,7 +15,7 @@
This is because we want to use SystemJS instead of RequireJS and want to support
lazy loading of routes. Read more in the "load-app.js" file.
-->
<script src="angular/packages/zone.js/dist/zone.js"></script>
<script src="angular/packages/zone.js/bundles/zone.umd.js"></script>
<script src="npm/node_modules/reflect-metadata/Reflect.js"></script>
<script src="npm/node_modules/systemjs/dist/system.js"></script>
<script src="angular/modules/playground/systemjs-config.js"></script>
modules/playground/src/sourcemap/BUILD.bazel
+1 -1
View File
@@ -20,7 +20,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/sourcemap/index",
modules/playground/src/svg/BUILD.bazel
+1 -1
View File
@@ -16,7 +16,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/svg/index",
modules/playground/src/template_driven_forms/BUILD.bazel
+1 -1
View File
@@ -17,7 +17,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/template_driven_forms/index",
modules/playground/src/todo/BUILD.bazel
+1 -1
View File
@@ -20,7 +20,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/todo/index",
modules/playground/src/upgrade/BUILD.bazel
+1 -1
View File
@@ -18,7 +18,7 @@ ts_library(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
"@npm//:node_modules/angular/angular.js",
],
modules/playground/src/web_workers/BUILD.bazel
+1 -1
View File
@@ -6,7 +6,7 @@ filegroup(
data = [
"//modules/playground:systemjs-config.js",
"//modules/playground:systemjs-rxjs-operators.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//reflect-metadata",
"@npm//systemjs",
],
modules/playground/src/web_workers/animations/BUILD.bazel
+1 -1
View File
@@ -25,7 +25,7 @@ ts_devserver(
"@npm//:node_modules/rxjs/bundles/rxjs.umd.js",
"@npm//:node_modules/tslib/tslib.js",
"index.html",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
],
deps = [":animations"],
)
modules/playground/src/web_workers/images/BUILD.bazel
+1 -1
View File
@@ -20,7 +20,7 @@ ts_devserver(
# Workaround for: https://github.com/bazelbuild/rules_typescript/issues/409
additional_root_paths = ["angular"],
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/jquery/dist/jquery.min.js",
"@npm//:node_modules/materialize-css/dist/js/materialize.min.js",
],
modules/playground/src/web_workers/input/BUILD.bazel
+2 -2
View File
@@ -17,8 +17,8 @@ ts_devserver(
name = "devserver",
bootstrap = [
"@npm//:node_modules/systemjs/dist/system.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/dist:long-stack-trace-zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"//packages/zone.js/bundles:long-stack-trace-zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/web_workers/input/index",
modules/playground/src/web_workers/kitchen_sink/BUILD.bazel
+2 -2
View File
@@ -17,8 +17,8 @@ ts_devserver(
name = "devserver",
bootstrap = [
"@npm//:node_modules/systemjs/dist/system.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/dist:long-stack-trace-zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"//packages/zone.js/bundles:long-stack-trace-zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/web_workers/kitchen_sink/index",
modules/playground/src/web_workers/message_broker/BUILD.bazel
+2 -2
View File
@@ -17,8 +17,8 @@ ts_devserver(
name = "devserver",
bootstrap = [
"@npm//:node_modules/systemjs/dist/system.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/dist:long-stack-trace-zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"//packages/zone.js/bundles:long-stack-trace-zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/web_workers/message_broker/index",
modules/playground/src/web_workers/router/BUILD.bazel
+2 -2
View File
@@ -20,8 +20,8 @@ ts_devserver(
name = "devserver",
bootstrap = [
"@npm//:node_modules/systemjs/dist/system.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/dist:long-stack-trace-zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"//packages/zone.js/bundles:long-stack-trace-zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/web_workers/router/index",
modules/playground/src/web_workers/todo/BUILD.bazel
+2 -2
View File
@@ -19,8 +19,8 @@ ts_devserver(
name = "devserver",
bootstrap = [
"@npm//:node_modules/systemjs/dist/system.js",
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/dist:long-stack-trace-zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"//packages/zone.js/bundles:long-stack-trace-zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/web_workers/todo/index",
modules/playground/src/web_workers/worker-configure.js
+2 -2
View File
@@ -7,8 +7,8 @@
*/
importScripts('npm/node_modules/reflect-metadata/Reflect.js');
importScripts('angular/packages/zone.js/dist/zone.js');
importScripts('angular/packages/zone.js/dist/long-stack-trace-zone.js');
importScripts('angular/packages/zone.js/bundles/zone.umd.js');
importScripts('angular/packages/zone.js/bundles/long-stack-trace-zone.umd.js');
importScripts('npm/node_modules/systemjs/dist/system.js');
importScripts('angular/modules/playground/systemjs-config.js');
modules/playground/src/zippy_component/BUILD.bazel
+1 -1
View File
@@ -17,7 +17,7 @@ ng_module(
ts_devserver(
name = "devserver",
bootstrap = [
"//packages/zone.js/dist:zone.js",
"//packages/zone.js/bundles:zone.umd.js",
"@npm//:node_modules/reflect-metadata/Reflect.js",
],
entry_module = "angular/modules/playground/src/zippy_component/index",