浅谈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（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。
热门推荐
10 医院探望朋友祝福语简短
11 毕业祝福语简短女朋友
12 春节虎年爸妈祝福语简短
13 儿童毕业祝福语 简短6
14 开工仪式横幅祝福语简短
15 孩子日常祝福语大全简短
16 清晨寄语诗句祝福语简短
17 结婚送亲认亲祝福语简短
18 虎年喝酒拜年祝福语简短