问题标签 [grunt-contrib-watch]
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.
gruntjs - Grunt - livereload 只有丑陋的 script.js?
GruntJS 新手在这里。我目前有我的 gruntfile.js 使用该watch
任务来查找对我文件夹中任何 .js 文件的更改js/components/
并将这些脚本 uglify 到一个script.js
文件中。
我遇到的问题是这些更改会导致整个页面重新加载。
是否可以只重新加载script.js
文件而不重新加载 HTML/CSS?我追求的效果与我目前使用 SASS/CSS 文件获得的效果相同,如下所示:
这只会重新加载我的 CSS 而不会重新加载整个页面,这使得工作流程更加顺畅。JS可以做同样的事情吗?如果不是,为什么不呢?我当前的 JS 工作流配置如下所示:
node.js - grunt-contrib-less 在启动期间创建 app.css 文件,但在实时重新加载期间不创建
基本上,一开始一切正常,但修改后,CSS没有更新。
首先,我的包裹详情:
接下来,我的 gruntfile.js
解释
首先,一切正常,创建了所有文件:
但是,如果我在我的 *.less 文件中进行修改:
因此,watch检测到了修改,但我的CSS文件没有更新,我不知道为什么。我尝试了几种无贡献的实现,并且保持相同的方式。我想我做错了什么但是什么?
PS:concat和uglify工作得很好。
javascript - 如何有条件地编译(使用 Grunt)只更改了带有模板的翡翠文件包括
使用grunt-contrib-watch
建议仅编译此处更改的文件的版本:https ://github.com/gruntjs/grunt-contrib-watch#compiling-files-as-needed
这很好用(我在这里为它写了一个变体:https ://gist.github.com/pgilad/6897875 )
问题是include
在 Jade 模板中使用时,这意味着您将包含其他 Jade 模板以构建完整的 html 文件。
使用单一解决方案进行编译不起作用,因为如果.jade
您正在处理的文件是使用嵌入include current_working_jade.jade
的 -包含文件将不会被重新编译。
除了从头开始编译所有文件之外,还有其他解决方法吗?jade
当您每次要编译大约 60 个大的玉文件时,这会导致问题。
我能想到的唯一可能的解决方案是在外部或使用目录映射玉模板依赖项,但我不知道有任何工具/插件可以做到这一点......
javascript - 如何使用 grunt 设置浏览器内测试?
我是新手。我正在使用yeoman webapp 生成器的一个版本(当我做对时我想分叉)。它似乎可以为网站提供服务并正确运行 mocha 测试,但在 livereload 时遇到问题。
我想做的是让它在浏览器中运行 mocha 测试,这样我就可以使用控制台调试和/或更丰富的输出格式。我在 grunt 中设置了一个 test:browser 任务:
添加了“connect:livereload_test”并修改了“watch:livereload”:
和:
分别。似乎成功地提供了 test/index.html 。但是,当我修改 test/spec/test.js 以更改测试描述(例如)时,它会注意到更改,但测试结果并未反映更改。我假设我错过了一些咕噜咕噜的代码,但它可能是什么?
javascript - grunt-contrib-watch 静默退出
我使用 grunt-contrib-watch 任务(v. 0.5.3)来启用 LiveReload:
在运行grunt server --verbose
(包括watch
任务)时,我最终得到以下控制台输出:
例如,我们在这里看到的src/index.html
是观察到的,因此我尝试更改页面标题以查看实时修改。但是,一旦我保存我的文件,进程就会退出..
我了解到watch
如果提供的文件路径无效,任务可能会退出。但是,Watching src/index.html for changes
断言它存在,不是吗?
我不明白。
stylus - 通过网络驱动器实时重新加载
我正在尝试使用 CodeKit、LiveReload 或 grunt watch 来立即查看网络驱动器上文件的更改。我的 Stylus 文件的编译完成大约需要 7 秒,而它们在浏览器中显示需要另外 10-20 秒。
除了将网站移动到本地硬盘之外,还有什么方法可以加快网站的响应速度?
node.js - Grunt watch 任务似乎需要很长时间
我正在运行两个运行时间 <100 毫秒的简单任务,但是当在 watch 命令下运行时,这两个组合任务总共需要大约 8 秒(每个任务似乎有 3.5 秒的开销)。我将它与 live-reload 一起用于开发,我发现它非常令人沮丧。我尝试设置spawn
为false
,但这似乎破坏了它,并且没有运行任何相关任务。
这是更改 sass 文件时的示例输出。
在 node.js 0.10.20 上使用 grunt 0.4.1(和 grunt-cli 0.1.11)。在 2012 Macbook Air (OS X 10.8.5) 上运行
asp.net-mvc - 使用 Grunt 重新加载 ASP.net MVC Web 应用程序
是否可以在 grunt 中监视文件并自动重新加载 ASP.net MVC Web 应用程序。还是 livereload 仅适用于通过 grunt 提供的文件。我遇到了 grunt 插件“grunt-iisexpress”,但不确定我是否可以使用它,以及在文件更改时重新加载 ASP.net MVC webapp 的任务。
我的网络应用程序中没有任何 index.html 作为起始页面,但 _ViewStart.cshtml 启动了整个应用程序。
gruntjs - Grunt 指南针手表
我想创建一个任务来观看我所有的 scss 文件。我使用了“grunt-contrib-watch”和“grunt-contrib-sass”,但它不起作用。
我的文件和目录:http ://glui.me/?i=pz7vmwu9cfgbzt3/2013-11-28_at_12.46_2x.png/
我的错误:
我的咕噜声代码:
sass - grunt-contrib-sass 导致 Grunt 重新加载自身
我已经设置了一个 Vagrant 盒子(precise32)来运行通常的 Grunt 东西,但它花费的时间太长了。
我已经在虚拟机中的共享文件夹和本机文件夹上尝试了这个,没有任何变化。我正在使用 grunt-contrib-sass 插件,尽管我也尝试过 grunt-sass 并且它需要类似的时间。watch 事件会快速触发,但随后 VM 会消耗所有空闲 CPU 利用率,直到 CSS 编译完成。
手动运行 sass 大约需要 2 秒
知道从这里去哪里吗?
包.json
编辑:
我大致发现了问题所在。就是每当我的 grint-contrib-sass 任务从 grunt-contrib-watch 触发时,它实际上会重新加载 Grunt 的所有模块。我看不出它为什么这样做,也看不出为什么有必要这样做。我已更改问题标题以反映这一点。