草庐IT

livereload

全部标签

Rubygems:如何添加特定于平台的依赖项?

我已经arubygem每个操作系统都有不同的依赖关系。我必须明确地写下所有这些:OnMacOSX:geminstalllivereloadonLinux:geminstallrb-inotifylivereloadonWindows:geminstalleventmachine-win32win32-changenotifywin32-eventlivereload我可以稍微调整一下gemspec,使每个操作系统的安装说明看起来都像普通的geminstalllivereload吗? 最佳答案 概述了执行此操作的正确方法here.由于

javascript - Grunt Live-Reload 通过 Watch

我正在尝试配置grunt以在更改时实时加载js和less/css文件。虽然grunt确实正确地“监视”并执行分配的任务,但它不会实时重新加载文件。下面是我的配置,有人看到有什么问题吗?module.exports=function(grunt){grunt.initConfig({pkg:grunt.file.readJSON("package.json"),jshint:{files:["Gruntfile.js","src/javascripts/**/*.js"],options:{globals:{jQuery:true,console:true,module:true}}},

javascript - 热码推送 NodeJS

我一直在努力弄清楚Node.js上的这个“热代码推送”。基本上,我的主文件(当您键入nodeapp.js时运行)包含一些设置、配置和初始化。在那个文件中,我有一个文件观察器,使用chokidar。添加文件后,我只需require文件即可。如果文件已更改或更新,我将删除缓存deleterequire.cache[path]然后重新请求它。所有这些模块都不会导出任何内容,它仅适用于单个全局Storm对象。Storm.watch=function(){varchokidar,directories,self=this;chokidar=require('chokidar');director

javascript - gulp 网络服务器和 livereload

我的gulp网络服务器有问题。我有这个gulp任务:gulp.task('serve',['watch'],()=>{gulp.src('tmp').pipe(webserver({livereload:true,directoryListing:true,open:true,//defaultFile:'index.html'}));});运行gulpserve时,我在localhost:8000上看到以下屏幕:似乎网络服务器正在为我的项目的根目录提供服务,而不是tmp文件夹,奇怪的是,如果我单击index.html,我将被重定向到http://localhost:8000/inde

javascript - gulp-livereload 与 vagrant 环境 : livereload. js 不可访问

我在vagrant环境(使用puphpet生成)中使用gulp-livereload时遇到问题。我的计算机是Windows主机,VM是Debian。我使用这个gulpfile:vargulp=require('gulp'),less=require('gulp-less')lr=require('tiny-lr'),livereload=require('gulp-livereload'),server=lr();gulp.task('less',function(){gulp.src('assets/less/*.less').pipe(less()).pipe(gulp.dest(

javascript - gulp-connect 和 connect.reload

我正在尝试设置一个简单的服务器来测试一些d3.js的东西。我正在关注tagtree.tv上的截屏视频。我的代码与他的相匹配,但是当我更改我的JS或SASS文件时,我无法让我的index.html重新加载。据我所知,我是gulp的新手,但这是基于我的假设,即调用connect.reload()将重新加载正在查看其内容的任何浏览器。应该注意的是,livereloadJS被插入到我的index.html文件中。我的目录结构如下:d3play-bower_components-dist-css-scripts-node_modules-sass-scriptsgulpfile.jsindex.

javascript - Gulp 实时重载

我有一个用Node.js构建的网站。我可以通过从命令行运行nodeserver.js来成功启动和运行站点。然后,我通过在浏览器中访问“http://localhost:3000”来访问该站点。我现在正在尝试改进网站周围的一些构建过程。为此,我依赖Gulp。我想在HTML或CSS文件发生更改时自动重新加载网页。我偶然发现了gulp-livereload插件。我已经按照文档中的描述安装了它。但是,当我在浏览器中访问“http://localhost:35729/”时,我只看到以下内容:{minilr:"Welcome",version:"0.1.8"}我的gulp任务是这样配置的:gulp

javascript - 我可以在不重新加载浏览器的情况下编辑 React 组件吗?

如果React提供DOM协调,是否可以在我编辑后动态重新加载组件的代码并重新呈现它?我正在寻找一种解决方案,它允许我编辑JSX文件、保存它并让组件在浏览器中自行更新,而无需重新加载页面、卸载它或丢失其状态。理想情况下,这应该可以在没有浏览器插件的情况下工作。 最佳答案 您可以使用react-hot-loader,顺路Webpack加载器,可以对项目中的React组件进行实时编辑。无需浏览器插件或IDEHook。它与Webpack结合HotModuleReplacement(HMR)与React。您可以在以下情况下使用它:您的Reac

windows - 初始化 guard-livereload 时出错

我正在尝试在Windows上安装guardlivereload。到目前为止,我已经安装了防护装置并通过bundler工作。但是在安装livereloadgem并尝试guardinitlivereload和bundlerexecguardinitlivereload之后,我得到以下信息:10:12:46-错误-无法加载“guard/livereload”或“~/.guard/templates/live”reload'或找到类Guard::Livereload 最佳答案 我在尝试运行guardinitlivereload时遇到了类似的

javascript - Yeoman:LiveReload 与 Yeoman Watch

我正在尝试Yeoman第一次使用服务器,看到它提供了一个native监视工具作为对LiveReload的后备.docs是这样的解释回退:[YeomanServer]自动启动yeomanwatch进程,因此对应用程序的任何文件的更改都会导致浏览器通过LiveReload刷新。如果您没有LiveReload安装在本地,将改用回退重新加载过程。”到目前为止,回退过程运行良好,我喜欢它不需要在浏览器/菜单栏中安装任何东西。有人用Yeoman试过这两种watch工具吗?如果您“升级”到LiveReload,工作流程有何不同以及您将获得哪些附加功能?更新:对API的快速检查表明Yeoman的实时重