Articles of livereload

现场重新加载不与烬cli工作

ember new foo-proj cd foo-proj ember s 现在服务器正在运行。 但是当我编辑一个文件,例如foo-proj / app / index.html 实时重新加载不重新加载 ! 我在跑: 节点v0.10.31 npm 1.4.23 我一直在#ember-cli频道上问,但没有运气。 我似乎是唯一有这个问题的人。

使用grunt-express-server和grunt-contrib-watch实时重新加载

我正在使用grunt-express-server和grunt-contrib-watch为我的开发环境获取Livereloadfunction。 但不知何故,浏览器重新加载不工作,观看任务确实听取文件的变化,但不会导致重新加载浏览器。 下面是Gruntfile.js module.exports=function(grunt){ grunt.loadNpmTasks('grunt-express-server'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.initConfig({ watch: { options: { livereload: true, }, express: { files: [ 'views/index.ejs','app.js' ], tasks: [ 'express:dev' ], options: {livereload: true, spawn: false } } } , express: { options: { port:8080 }, dev: { options: { script: 'app.js' } } } }); grunt.registerTask('serve', [ 'express:dev', 'watch' ]) } […]

grunt-contrib-watch livereload 35729 livereload.js无法加载

我正在运行grunt-contrib-watch 0.6.1,并在我的gruntfile.js中包含了livereload块。 我还在我的html中包含了livereload.js调用: <script type="text/javascript" src="http://myste.com:35729/livereload.js"></script> 当我使用我的开发环境运行服务器似乎一切似乎开始正确。 grunt dev Running "env:dev" (env) task Running "concurrent:dev" (concurrent) task Running "nodemon:dev" (nodemon) task [nodemon] v1.2.1 [nodemon] to restart at any time, enter `rs` [nodemon] watching: *.* [nodemon] starting `node server.js` Application Started on port 3000 当我进行更改时,可以看到服务器在我的ssh控制台中重新加载,但livereload.js无法加载: 当我去的应该是http://myste.com:35729/livereload.js的端口位置,我得到的标准“网页不可用”的回应。 在http://myste.com:35729/上似乎也没有运行服务器。 我也包括我的gruntfile.js完整性 'use strict'; module.exports = function (grunt) { var […]

如何让Grunt livereload在Docker中工作?

我试图在Windows中使用Docker作为开发环境。 我正在开发的应用程序使用Node,NPM和Bower设置开发工具,使用Grunt来运行它的任务,并包含实时重新加载,以便在代码更改时更新应用程序。 相当标准。 它工作正常以外的Docker,但我一直运行到Grunt错误Fatal error: Unable to find local grunt. 不pipe我在Docker里面怎么做。 我最近的工作是在构build时将所有npm和bower依赖项安装到图像中的应用程序目录中,并将应用程序的Gruntfile.js复制到该目录。 然后在Docker-Compose中创build一个链接到主机应用程序的卷,并要求Grunt使用Grunt的–base选项来观看该卷。 它仍然不会工作。 我仍然得到致命的错误。 以下是Docker文件的问题: Dockerfile: # Pull base image. FROM node:5.1 # Setup environment ENV NODE_ENV development # Setup build folder RUN mkdir /app WORKDIR /app # Build apps #globals RUN npm install -g bower RUN echo '{ "allow_root": true }' > /root/.bowerrc […]

Grunt + Express + LiveReload在默认端口3000上不断重启服务器

我有一个通过简单的基于Express的Node.js服务器生成的Handlebars驱动的模板应用程序。 为了便于开发,我一直在努力使用Grunt来重新加载。 我已经阅读了大量的博客和GitHub关于设置实时重载的自述文件; 这被certificate是一个非常周期性的杂务(一页链接到另一页,导致另一页,等等)。 没有我读的是一致的, 一切似乎都支持实时重新加载,而没有真正解释如何去做 – 这是一个很难find一个明确的方法来做到这一点! 但是,我有一个工作,自我重新加载,快速驱动的项目,通过以下: Gruntfile.js var files = [ 'markup/*', 'examples/*' ] module.exports = function(grunt) { require('load-grunt-tasks')(grunt) grunt.initConfig({ express: { options: { port: 8080 }, dev: { options: { port: 8080, script: 'server.js', background: true } } }, watch: { options: { livereload: true }, express: { files: files, tasks: […]

节点 – LiveReloadfunction

我正在学习Node.js 我正在努力为了学习而build立一个基本的网站。 为了做到这一点,我有一个目录结构如下所示: ./ dist/ node_modules/ src/ res/ css/ core.css theme.css routes/ index.js views/ home/ index.html server.js gulpfile.js package.json 这个应用程序使用快递中间件。 当我访问http:// localhost:3000时,我可以成功加载应用程序。 我现在正在尝试整合LiveReload。 对于一些背景,我的gulpfile.js文件如下所示: var gulp = require('gulp'); var css = require('gulp-cssnano'); var concat = require('gulp-concat'); var livereload = require('gulp-livereload'); var input = { js : [], css: [ 'src/res/css/core.css', 'src/res/css/theme.css' ], html: [ 'src/**/*.html' […]

在节点app.listen()被调用或端口(livereload,nodejs和gulp)

我正在尝试将gulp-livereload与我的nodejs服务器配合使用。 我使用gulp-nodemon在文件发生更改后重新启动服务器,这是有效的。 我有麻烦在正确的时间调用livereload.reload() 。 我正在调用livereload.reload() .on('start'…在我的gulpfile.js (每当我的nodemon启动一个脚本时)的gulpfile.js ()。这个工作,但它需要几秒钟。原因是当nodemon开始运行nodejs脚本,在脚本调用app.listen(port) livereload.listen() 之前调用app.listen(port) ,这样我的浏览器就不需要准备好服务器就刷新了。 有没有一种方法来侦听nodejs nodemon脚本是否调用了app.listen(port)或者是侦听是否正在使用特定的端口? 我已经解决了一个小睡眠的问题,但它只是感觉非常错误和肮脏。

创build一个运行PHP和Gulp和Livereload的服务器

我想调整这个代码来提供PHP文件。 我有MAMP运行本地服务器,但我无法弄清楚这个代码是如何工作的,以便进行必要的更改。 我知道Node服务器不会解释PHP文件,但是我对这个使用serve-static和serve-index架构感到困惑,因为显然我不能仅仅使用MAMP的localhost内的本地文件path来提供这些文件,对吧? 我也想知道为什么它需要2个端口(9000和35729)。 gulp.task('connect', ['styles'], function () { var serveStatic = require('serve-static'); var serveIndex = require('serve-index'); var app = require('connect')() .use(require('connect-livereload')({port: 35729})) .use(serveStatic('.tmp')) .use(serveStatic('app')) .use('/bower_components', serveStatic('bower_components')) .use(serveIndex('app')); require('http').createServer(app) .listen(9000) .on('listening', function () { console.log('Started connect web server on http://localhost:9000'); }); }); gulp.task('serve', ['connect', 'watch'], function () { require('opn')('http://localhost:9000'); }); gulp.task('watch', ['connect'], function () { […]

configurationgrunt-ts并使其与LiveReload配合使用

我正在尝试在Yeoman / Grunt项目中使用TypeScript。 为了编译TypeScript我使用了一个名为grunt-ts的grunt插件,.ts文件的编译工作得很好,但是实时重载不起作用:当我运行grunt server我正确地得到了这个: Running "ts:dev" (ts) task Compiling. Success: 3.37s for 2 typescript files Watching all Typescript files under : /home/mimo/webroot/tsyong/app/scripts 但是,然后liveReload任务不加载。 这就是我如何configurationGrunt-ts的Gruntfile.js。 grunt.initConfig({ … ts: { options: { // use to override the default options, http://gruntjs.com/configuring-tasks#options target: 'es3', // es3 (default) / or es5 module: 'commonjs', // amd , commonjs (default) sourcemap: […]

在Chrome中使用Gulp Livereload

下面的代码似乎工作得很好,直到我去1ocalhost:8081 … 然后我收到消息 <pre>{"tinylr":"Welcome","version":"0.0.5"}</pre> 我的目录结构是…. ____gulp | |____build | | |____images | | |____index.html | | |____scripts | | |____styles | |____gulpfile.js | |____node_modules | |____src | | |____images | | |____index.html | | |____scripts | | |____styles 为什么不是我的HTML页面加载? 如果我尝试浏览到1ocalhost:8081 / build / index.html页面不会加载,我得到消息 {“错误”:“not_found”,“reason”:“没有这样的路线”} 我也尝试了铬插件,但当我点击插件时,我得到下面的味精 无法连接到LiveReload服务器。 请确保LiveReload 2.3(或更高版本)或其他兼容的服务器正在运行。 我检查了插件在Chrome浏览器的插件设置,并检查文件URL的选项 下面我的评论代码….. //sudo npm install gulp […]