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

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

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