浅谈Angular4实现热加载开发旅程

本篇文章主要介绍了浅谈Angular4实现热加载开发旅程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

本文介绍了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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章: