load fonts for dev mode

A-l-y-l-e · Dec 9, 2018 · d84003d · d84003d
1 parent 8996203
commit d84003d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 11 deletions.
diff --git a/package.json b/package.json
@@ -30,7 +30,8 @@
     "tools:typedoc": "yarn typedoc --mode modules --json dist/docs.json --tsconfig tsconfig.td.json --excludePrivate --excludeProtected --excludeExternals",
     "tools:docs": "yarn tools:typedoc && node dist/tools/docs",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "bundlesizelimit": "rm -rf dist/bundle.js && cat dist/@alyle/ui/**/*.umd.min.js >> dist/bundle.js && yarn bundlesize -f dist/bundle.js -c false -s '200 KB'"
+    "bundlesizelimit": "rm -rf dist/bundle.js && cat dist/@alyle/ui/**/*.umd.min.js >> dist/bundle.js && yarn bundlesize -f dist/bundle.js -c false -s '200 KB'",
+    "serve:lib": "hs src/app -p 1212 -g --cors 'Access-Control-Allow-Origin'"
   },
   "private": true,
   "dependencies": {

diff --git a/src/main.ts b/src/main.ts
@@ -14,15 +14,19 @@ if (environment.production) {
 
 const bootstrap = () => platformBrowserDynamic().bootstrapModule(AppModule);
 
-// document.addEventListener('DOMContentLoaded', () => {
-  if (environment.hmr) {
-    if (module[ 'hot' ]) {
-      hmrBootstrap(module, bootstrap);
-    } else {
-      console.error('HMR is not enabled for webpack-dev-server!');
-      console.log('Are you using the --hmr flag for ng serve?');
-    }
+if (environment.hmr) {
+  if (module[ 'hot' ]) {
+    hmrBootstrap(module, bootstrap);
   } else {
-    bootstrap();
+    console.error('HMR is not enabled for webpack-dev-server!');
+    console.log('Are you using the --hmr flag for ng serve?');
   }
-// });
+} else {
+  if (!environment.production) {
+    const style = <HTMLLinkElement>window.document.createElement('link');
+    style.setAttribute('href', 'http://localhost:10009/fonts.css');
+    style.setAttribute('rel', 'stylesheet');
+    window.document.head.appendChild(style);
+  }
+  bootstrap();
+}