honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(docs-infra): simplify custom-element polyfill setup (#25806) 

PR Close #25806
This commit is contained in:
Rob Wormald 2018-09-04 11:08:47 -07:00 committed by Misko Hevery
parent c1ae3c16e8
commit 59aab14394
4 changed files with 6 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
aio/package.json
View File

@ -79,7 +79,7 @@
"@angular/platform-browser-dynamic": "6.1.0-rc.3", "@angular/platform-browser-dynamic": "6.1.0-rc.3",
"@angular/router": "6.1.0-rc.3", "@angular/router": "6.1.0-rc.3",
"@angular/service-worker": "6.1.0-rc.3", "@angular/service-worker": "6.1.0-rc.3",
"@webcomponents/custom-elements": "^1.0.8", "@webcomponents/custom-elements": "^1.2.0",
"classlist.js": "^1.1.20150312", "classlist.js": "^1.1.20150312",
"core-js": "^2.4.1", "core-js": "^2.4.1",
"rxjs": "6.2.2", "rxjs": "6.2.2",

22
aio/src/index.html
View File

@ -83,28 +83,6 @@
<script nomodule src="generated/ie-polyfills.min.js"></script> <script nomodule src="generated/ie-polyfills.min.js"></script>
<script>
//load CE polyfill
//HACK: webpack's html plugin mangles the document.write calls if we don't trick it.
//load the ES5 shim for browsers with native CE support
function loadCustomElementsShim(){
document.write('<scri' + 'pt src="assets/js/native-shim.js"><' + '/script>');
}
//load the full custom elements polyfill for browsers without support
function loadCustomElementsPolyfill(){
document.write('<scri' + 'pt src="assets/js/custom-elements.min.js"><' + '/script>');
}
//detect if we have native CE support
if(!window.customElements){
loadCustomElementsPolyfill();
}
else {
loadCustomElementsShim();
}
</script>
</head> </head>
<body> <body>

3
aio/src/polyfills.ts
View File

@ -36,7 +36,8 @@
* Zone JS is required by Angular itself. * Zone JS is required by Angular itself.
*/ */
import 'zone.js/dist/zone'; // Included with Angular CLI. import 'zone.js/dist/zone'; // Included with Angular CLI.
import '@webcomponents/custom-elements'; // Custom Elements Polyfill
import '@webcomponents/custom-elements/src/native-shim';
/*************************************************************************************************** /***************************************************************************************************

6
aio/yarn.lock
View File

@ -468,9 +468,9 @@
"@webassemblyjs/wast-parser" "1.4.3" "@webassemblyjs/wast-parser" "1.4.3"
long "^3.2.0" long "^3.2.0"
"@webcomponents/custom-elements@^1.0.8": "@webcomponents/custom-elements@^1.2.0":
version "1.0.8" version "1.2.0"
resolved "https://registry.yarnpkg.com/@webcomponents/custom-elements/-/custom-elements-1.0.8.tgz#b7b8ef7248f7681d1ad4286a0ada5fe3c2bc7228" resolved "https://registry.yarnpkg.com/@webcomponents/custom-elements/-/custom-elements-1.2.0.tgz#7fc8da6c8243b15b4f69c74c65dfe2a4996c694c"
JSONStream@^1.2.1: JSONStream@^1.2.1:
version "1.3.1" version "1.3.1"