问题标签 [livereload]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2043 浏览

sass - Yeoman:在 SCSS 文件更改时触发 LiveReload

我有最新的 yeoman 堆栈,我刚刚将 generator-webapp 升级为 master:https ://github.com/yeoman/generator-webapp/pull/67以使 livereload 正常工作。

HTML 文件和 css 文件似乎可以正常使用 livereload,但 scss 文件不会触发重新加载。这是一个输出片段:

正在监视和编译 scss 文件,但看起来好像 .tmp 中输出的 css 被忽略了。尽管(默认)Gruntfile 中有以下内容,但仍然如此。

我会将其作为错误发布在 github 上,但很难知道堆栈的哪一部分负责。

0 投票
1 回答
2036 浏览

mako - 更新 mako 文件时如何设置 Codekit 以刷新页面?

嗨,我正在 PyCharm 中使用 Pyramid Python 框架并使用模板系统Mako、 .mak 文件。

通过LiveReload,我能够添加 .mak 文件扩展名,并且能够刷新我正在处理的页面。

我不确定如何使用Codekit

0 投票
0 回答
1565 浏览

sass - 更改 yeoman 生成的 Gruntfile.js 文件以将 .css 文件与 .scss 文件分开

我正在尝试稍微修改由 Yeoman (1.0) 生成的默认 webapp Gruntfile.js。默认将 .css 和 .scss 文件都设置在“样式”下,但不会拾取子目录下的子目录 .scss 部分,这意味着它们不会呈现为 .css。

我一直在尝试修改它,以便我的 .scss 文件位于“/styles/scss/”下,而我生成的 .css 文件位于“/styles/css/”目录下。

我已经设法在子目录中获取 .scss 文件以渲染为 .css,但现在 livereload 在部分更改时不会更新,尽管我可以看到“监视”任务在进行更改时将我的 .scss 渲染为 .css。

关于如何让 livereload 在 .scss 文件更改时自动呈现 .css 的任何想法或想法?

任何帮助表示赞赏!

当前修改后的 Grunt.js 文件:

0 投票
2 回答
4319 浏览

javascript - Grunt:查看多个文件,仅编译更改 - livereload 中断?

我完全是 Grunt 和 Javascript/Coffeescript 的新手。

我们在一个包含数百个 .coffee 文件的大型项目中使用 Grunt。由于 Grunt 编译了所有的咖啡文件(尽管只有一个文件发生了变化),我最初的问题是如何让 Grunt 只编译一个已更改的文件。使用stackoverflow我能够回答这个问题,谢谢大家:)

但现在看来,实施的解决方案打破了 livereload。当我从“grunt server”开始并在浏览器中显示我的页面时,一切看起来都很好。然后我更改一个 .coffee 文件并保存它。该文件被编译(我检查过),但我的浏览器永远不会重新加载。只有当我手动重新加载浏览器时,才会显示新的修改代码。

所以问题是:为什么 livereload 不再起作用?

我不知道这是否重要,但 Gruntfile 是使用 yeoman 在旧版本中创建的(使用 grunt-regarde)。我使用 grunt-contrib-watch 和 buildin livereload 将 package.json 和 Gruntfile 更新为更新的规范。没有grunt.event.on一切工作正常。

来源(部分):

grunt-contrib-watch 与 version 一起使用v0.4.4,connect-livereload 与 version 一起使用0.2.0

0 投票
1 回答
387 浏览

compass-sass - LiveReload + Compass 错误 - 语法错误:找不到要导入的文件或无法读取

我有 Windows 7,并且安装了 ruby​​、sass、compass 和 LiveReload 0.9.2。当我对我的 .scss 文件进行更新时,一切正常,直到我尝试导入指南针。我收到此错误。

语法错误:找不到要导入的文件或无法读取

我在 compass 中创建了一个项目,并让 LiveReload 观看同一个文件夹。

当我从命令行运行 compass 来查看文件时,它运行良好。LiveReload 似乎没有找到要导入的适当文件。我尝试修改“config.rb”文件,但仍然收到相同的错误。

这是 LiveReload 0.9.2 的错误吗?还是我只是个麻木的人?

0 投票
2 回答
2178 浏览

symfony - 如何让 livereload 与 symfony2 一起工作(使用警卫?)

我在我的 symfony 网站上使用了 livereload 和警卫。但是我的资产(css/js)在“web”目录中。但是后来我了解到,最好的做法是将所有内容都保存在“src”中,这样​​您就可以将所有文件作为一个包保存。所以我把它移到我的'src'目录下我的包中的资源/公共目录并运行:

这创建了从 'web' 到我的 'src' 资产的必要符号链接,如果我在 'src/.../Resources/public'、sass、compass 中运行警卫,一切似乎都可以正常工作,但是实时重新加载不再有效。我想知道它是否与符号链接有关(它以前工作过,我正在使用 livereload.js)我在这里读过:

symfony2 资产转储停止手表

和这里:

找不到“GET /img/glyphicons-halflings.png”的路线

人们有 livereload 与 symfony/guard/sass 一起工作。我假设的诀窍是编写 Guardfile 以便它运行资产:安装或资产:转储,我猜是什么让 livereload 工作?但是我找不到任何人解释他们如何让这个集合(symfony2、livereload、sass、guard)工作(也许只是 Guardfile?)。

0 投票
1 回答
9882 浏览

gruntjs - Grunt livereload 不工作

我对 grunt 很陌生,我正在尝试启用 livereload。问题是我似乎无法让它工作。

Gruntfile.js:

包.json:

我没有收到任何错误,我尝试过:“grunt”和“grunt livereaload-start”。通过 localhost 访问我的网站时 - 它无法连接。并且当对 css 文件进行更改时,通过 file:// 协议查看网站不会重新加载。

提前致谢。

0 投票
1 回答
6462 浏览

guard - Livereload 不重新加载浏览器

我在本地使用 Drupal guardlive-reload

当我加载 run 时bundle exec guard,guard 会正确监视我的文件,以便当我将更改保存到 sass 文件时,它会自动重新编译。

唯一不刷新的是浏览器。livereload.js 已加载到页面中,但似乎不会自动刷新。我将 Ubuntu 与 Chromium 和 Firefox 一起使用,由于没有收到错误消息,我都在努力排除故障。

这是我运行时的输出bundle exec guard

当我更改 sass 文件时,会发生这种情况

当我刷新浏览器时会发生这种情况

并且页面显示了我无法让它自动刷新的更改

0 投票
2 回答
293 浏览

javascript - Live Reload 6s 后刷新,有时被种植

你知道是否有解决 livereload 功能的方法吗?因为一个星期,它不再起作用,或者几乎:(

刷新发生在 6s 之后,非常长,太长了。之前,我收到一条关于 js 文件的错误消息,这很奇怪。

您有解决方案或替代 livereload 的方法吗?

谢谢你 :)

0 投票
2 回答
3029 浏览

node.js - 配置 grunt-ts 并使其与 LiveReload 一起工作

我正在尝试在 Yeoman / Grunt 项目中使用 TypeScript。为了编译 TypeScript,我使用了一个名为 grunt-ts 的 grunt 插件,.ts 文件的编译工作得很好,但是实时重新加载不起作用:当我运行时,grunt server我正确地得到了这个:

但是随后未加载 liveReload 任务。这就是我配置 Gruntfile.js 关于 grunt-ts 的方式。

您可以查看完整的 Gruntfile.js:https ://github.com/mimo84/tsyong/blob/master/Gruntfile.js