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

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

本文介绍了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 = POhsLVHArray.prototype.slice.call(_styles);

styles

.filter((style: any) => style.innerText.indexOf('_ng') !== -1)

.map((el: any) => dohttp://cument.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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。