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

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

# Angular4实现热加载  # Angular4  # 热加载  # 详解Angular6 热加载配置方案  # 加载  # 给大家  # 大家多多  # module  # hot  # accept  # environment  # production  # enableProdMode  # dispose  # head  # querySelectorAll  # style  # gt  # _styles  # document  # ts  # pre  # class  # brush 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： php打包exe后无法访问网络共享_共享权限设置方法【教程】  谷歌浏览器如何更改浏览器主题 Google Chrome主题设置教程  如何在服务器上配置二级域名建站？  jQuery中的100个技巧汇总  Laravel如何集成第三方登录_Laravel Socialite实现微信QQ微博登录  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】  用v-html解决Vue.js渲染中html标签不被解析的问题  如何用IIS7快速搭建并优化网站站点？  php中::能调用final静态方法吗_final修饰静态方法调用规则【解答】  如何快速搭建二级域名独立网站？  微信小程序 配置文件详细介绍  Laravel中的Facade(门面)到底是什么原理  浅谈redis在项目中的应用  Laravel如何处理和验证JSON类型的数据库字段  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  网站制作大概多少钱一个,做一个平台网站大概多少钱？  想要更高端的建设网站，这些原则一定要坚持！  php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  Laravel如何使用Telescope进行调试？（安装和使用教程）  Laravel安装步骤详细教程_Laravel环境搭建指南  网站制作软件有哪些,制图软件有哪些？  网站建设整体流程解析，建站其实很容易！  Mybatis 中的insertOrUpdate操作  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  如何在IIS中配置站点IP、端口及主机头？  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  html5如何实现懒加载图片_ intersectionobserver api用法【教程】  Laravel如何使用withoutEvents方法临时禁用模型事件  Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑  如何获取免费开源的自助建站系统源码？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  微信h5制作网站有哪些,免费微信H5页面制作工具？  Laravel用户密码怎么加密_Laravel Hash门面使用教程  Windows家庭版如何开启组策略(gpedit.msc)？（安装方法）  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  Laravel如何使用Blade组件和插槽？（Component代码示例）  如何在云主机上快速搭建网站？  黑客如何通过漏洞一步步攻陷网站服务器？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  如何用景安虚拟主机手机版绑定域名建站？  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  西安专业网站制作公司有哪些,陕西省建行官方网站？  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？