源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-04-16 13:48 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:浅谈Angular4实现热加载开发旅程
本文介绍了Angular4实现热加载开发,分享给大家,具体如下: [b]安装插件 [/b]
npm install @angularclass/hmr -D
[b]配置插件[/b]
 // 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);
[b]配置Typescript[/b]
// typings.d.ts
declare var module: NodeModule;
interface NodeModule {
 hot: any;
}
[b]启用热加载[/b]
// package.json
ng serve -H d.io --port 3000 --hmr --proxy-config=./proxy.json
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部