本文介绍了Angular4实现热加载开发，分享给大家，具体如下：

安装插件

npm install @angularclass/hmr -D

配置插件

// main.tsif (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.tsdeclare var module: NodeModule;interface NodeModule { hot: any;}

启用热加载

// package.jsonng serve -H d.io --port 3000 --hmr --proxy-config=./proxy.json

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