浅谈Angular4实现热加载开发旅程
本文介绍了Angular4实现热加载开发,分享给大家,具体如下:
安装插件
npminstall@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'); letstyles=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 declarevarmodule:NodeModule; interfaceNodeModule{ hot:any; }
启用热加载
//package.json ngserve-Hd.io--port3000--hmr--proxy-config=./proxy.json
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。