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


Posted in Javascript onSeptember 08, 2017

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
老鱼 浅谈javascript面向对象编程
Mar 04 Javascript
node.js操作mongodb学习小结
Apr 25 Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
JavaScript生成.xls文件的代码
Dec 22 Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 Javascript
js实现适配不同的屏幕大小
Apr 10 Javascript
Angular.js中$resource高大上的数据交互详解
Jul 30 Javascript
关于Vue中axios的封装实例详解
Oct 20 Javascript
Webpack设置环境变量的一些误区详解
Dec 19 Javascript
Vue-cli打包后部署到子目录下的路径问题说明
Sep 02 Javascript
js正则匹配markdown里的图片标签的实现
Mar 24 Javascript
js匿名函数使用&传参(实例)
Sep 08 #Javascript
js HTML5 canvas绘制图片的方法
Sep 08 #Javascript
WebStorm ES6 语法支持设置&babel使用及自动编译(详解)
Sep 08 #Javascript
React如何将组件渲染到指定DOM节点详解
Sep 08 #Javascript
javascript获取指定区间范围随机数的方法
Sep 08 #Javascript
原生js实现简单的模态框示例
Sep 08 #Javascript
javascript 面向对象实战思想分享
Sep 07 #Javascript
You might like
从php核心代码分析require和include的区别
2011/01/02 PHP
php中防止SQL注入的最佳解决方法
2013/04/25 PHP
如何在php中正确的使用json
2013/08/06 PHP
php上传图片之时间戳命名(保存路径)
2014/08/15 PHP
php使用Jpgraph绘制饼状图的方法
2015/06/10 PHP
php通过前序遍历树实现无需递归的无限极分类
2015/07/10 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
javascript 学习之旅 (3)
2009/02/05 Javascript
JQuery循环滚动图片代码
2011/12/08 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
分享jQuery封装好的一些常用操作
2016/07/28 Javascript
JS对HTML表格进行增删改操作
2016/08/22 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
2016/09/27 Javascript
canvas绘制一个常用的emoji表情
2017/03/30 Javascript
vue2.0 keep-alive最佳实践
2017/07/06 Javascript
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
2019/11/21 Javascript
vue项目实现设置根据路由高亮对应的菜单项操作
2020/08/06 Javascript
OpenLayers3加载常用控件使用方法详解
2020/09/25 Javascript
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
Python的collections模块中的OrderedDict有序字典
2016/07/07 Python
python实现彩票系统
2020/06/28 Python
Python List cmp()知识点总结
2019/02/18 Python
Pycharm连接远程服务器并实现远程调试的实现
2019/08/02 Python
python 实现绘制整齐的表格
2019/11/18 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
python实现快递价格查询系统
2020/03/03 Python
解除劳动合同协议书范本2014
2014/09/25 职场文书
六查六看自检自查剖析材料
2014/10/14 职场文书
公务员年度考核登记表个人总结
2015/02/12 职场文书
房租涨价通知
2015/04/23 职场文书
心得体会格式及范文
2016/01/25 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
学校趣味运动会开幕词
2016/03/04 职场文书
SqlServer: 如何更改表的文件组?(进而改变存储位置)
2021/04/05 SQL Server