浅谈Angular4实现热加载开发旅程
mntx 人气:0本文介绍了Angular4实现热加载开发,分享给大家,具体如下:
安装插件
npm install @angularclass/hmr -D
配置插件
// main.ts if (environment.production) { enableProdMode(); }else { if (module.hot) { module.hot.accept(); module.hot.dispose(() => { let _styles = document.head.querySelectorAll('style'); let styles = Array.prototype.slice.call(_styles); styles .filter((style: any) => style.innerText.indexOf('_ng') !== -1) .map((el: any) => document.head.removeChild(el)); }) } } platformBrowserDynamic().bootstrapModule(AppModule);
配置Typescript
// typings.d.ts declare var module: NodeModule; interface NodeModule { hot: any; }
启用热加载
// package.json ng serve -H d.io --port 3000 --hmr --proxy-config=./proxy.json
加载全部内容