Articles of gruntjs

grunt-express livereloadconfiguration

你好,我正在尝试为自动重新加载function的grunt-expressconfiguration。 但我认为它有一些错误,但我找不到它。 我正在使用快速发生器,节点,咕噜声 我的目录结构如下HRapp -grunt -bin -public -routes app.js和public目录中的所有静态文件 这里是我gruntfile.js的grunt目录中的gruntfile.js module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), express: { server: { options: { port: 3000, bases: '../public' } } } }) grunt.loadNpmTasks('grunt-parallel') grunt.loadNpmTasks('grunt-contrib-watch') grunt.loadNpmTasks('grunt-express') grunt.registerTask('default', ['express', 'express-keepalive']) } 上面的代码工作正常,所以我想尝试使用grunt-express的livereloadfunction。 但下面的代码不起作用 module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), express: { myLivereloadServer: { bases: path.resolve(__dirname, '../public'), livereload: […]

如何使用一个包含不同内容的模板来创build独立的文件,使用grunt baker?

我有一个以某种方式devise的模板。 我有多个内容,我想在该模板中显示每个。 烘烤可以做到吗? https://github.com/MathiasPaumgarten/grunt-bake 例如:我的模板看起来像这样: <div style="background-color:red"> </div> 内容1: <p>Content 1</p> 内容2: <p>Content 2</p> 内容3: <p>Content 3</p> 它应该像这样显示:文件1: <div style="background-color:red"> <p>Content 1</p> </div> 文件2: <div style="background-color:red"> <p>Content 2</p> </div> 文件3: <div style="background-color:red"> <p>Content 3</p> </div> 最后我得到3个sperate文件。 模板总是一样的。 内容唯一不同。

通过Ant执行的Grunt命令的输出略有损坏

我有以下的Ant build.xml脚本,运行npm install然后grunt(这是一个概念validation,以检查我们是否可以通过Ant将grunt集成到我们的产品中,作为权宜之计,直到我们可以添加集成支持): <project name="GruntTest" default="buildGrunt"> <description>Run Grunt as a test</description> <!– ************************************************************** –> <!– buildDemo : define the sequence of programs to be executed –> <!– ************************************************************** –> <target name="buildGrunt" depends="runNpm"> <exec executable="cmd"> <arg value="/c grunt"/> </exec> </target> <target name="runNpm" depends="copySourceToTarget"> <exec executable="cmd"> <arg value="/c npm install"/> </exec> </target> <!– ************************************************************** –> <!– Copy […]

如何从grunt任务函数运行terminal命令

我试图根据我的Gruntfile.js的函数来移动我的应用程序目录中的一些图标。 有可能做这样的事吗? 我已经尝试了以下(进入开发或暂存文件夹,并将所有文件复制到以前的目录),但cound't得到它的工作。 提前致谢。 grunt.registerTask('setAppIcon', 'Task that sets the app icon', function(environment) { if (environment.toLowerCase() == "development") { grunt.task.run(['exec:command:cd app/lib/extras/res/icon/ios/dev && cp -a . ../']); } else if (environment.toLowerCase() == "staging") { grunt.task.run(['exec:command:cd app/lib/extras/res/icon/ios/staging && cp -a . ../']); } });

在构build服务器上预先构build事件咕噜声,不会发现咕噜声

我一直在项目中使用CoffeeScript文件,并在项目中安装了grunt来编译它们。 我正在使用Grunt Launcher手动编译这些文件,但是我希望能够在项目生成时自动执行。 为此,我将以下内容放置在项目属性下的预生成事件命令行中: CD $(ProjectDir) grunt build 这似乎在本地工作,但是当我承诺生成服务器回来这个错误: C:\Windows\Microsoft.NET\Framework\v4.0.30319\Microsoft.Common.targets(1063,5): error MSB3073: grunt build" exited with code 9009 我的研究表明,这本质上是一个没有find的文件; 我认为咕噜。 有些post( 这里和这里 )build议增加完整的path是答案,但什么是咕噜声的完整path? 是这样的: "path-to-project\node_modules\grunt\lib\grunt.js" Grunt既可以在本地安装,也可以在我的电脑上全局安装。 我正在使用Visual Studio 2012。 有无论如何让生成服务器运行咕噜? 先进的谢谢你的帮助。

我怎样才能使用Node来定制这个构build脚本?

我有一个独特的目录结构,我需要帮助build立脚本。 这里是链接 (略有不同)或目录结构: client /extensions /sandbox /widgets /form /collections /models /views /styles custom.css /controllers main.coffee server /views /layouts /errors app.coffee config.coffee 几件我需要的东西: 将一个监视任务的coffeescript编译成一个server-dist + client-dist 将所有其他文件复制到它们的嵌套文件夹中,最好还有一个监视任务 问题: 如果我只编译coffeescript,它只是将.coffee文件复制到.js到它们的嵌套目录中,但是会留下使用require.js加载的.css / imgs / etc。 我需要一种将它们引入到-dist目录的方法 / client文件夹中的Main.coffee是一个require.config,可以与requirejs grunt构build工具一起使用来优化事物。 无论如何,最简单的解决scheme是我正在寻找。

使用grunt.js生成dynamic文件名

是否有可能在内置的grunt任务(例如concat或min )之外生成dynamic文件名? 我尝试使用像<config:concat.dist.dest>或<%= dirs.dest %>之类的内容,如文档中所述。 但是这不会被解释/编译,只是写出string。 更新:这就是我基于jakub.g的答案尝试。 我的grunt.js看起来像这样: // … grunt file contents jquery: { exclude: [], version: '1.8.3', dest: '../dist/js/jquery-' + grunt.task.directive('<config:jquery.version>') + '.js', minify: false }, // … even more grunt file contents grunt.task.directive('<config:jquery.version>')返回null 。 所以文件名被命名为jquery-null.js 。 然后我尝试grunt.template.process('<%= grunt.jquery.version %>')和grunt.config.process('<%= grunt.jquery.version %>') ,但没有一个工作。

grunt.js(一个node.js构build工具)不会创build目录或文件。 是否与权限相关?

我们使用grunt.js作为构build工具。 在我们的开发机器之一(MacOS Mountain Lion)上,grunt正在运行,但似乎没有创build任何文件和目录。 另一个与特定机器不同的是,当我们使用NPM来安装一些插件的时候,我们不得不使用sudo npm ,否则我们有权限错误。 我们检查了父目录的权限,尝试了不同的东西 – 没有任何效果。 NodeJs仍然不会创build任何文件或目录。 有任何想法吗? 更新: 显然,html压缩机的grunt插件需要grunt 1.4作为依赖。

如何使用gruntJS运行testing

那么,如何在gruntjs中运行testing套件呢? 我认为这应该是非常简单而直接,但对我来说,它不是:) 由于gruntjs应该能够运行testing,我认为我可以运行“grunttesting”,但由于某种原因需要服务器运行。 我试着用“grunt server watch”在另一个进程中启动它,但是再次“grunttesting”失败。 咕噜声应该如何工作?

Grunt指南针和sass / css目录

我更新了最新版本的grunt(0.4.1)并安装了指南针软件包(grunt-contrib-compass)。 这里我使用的configuration: compass: { dist: { options: { sassDir : "src/theme/sass", cssDir : "src/theme/css", imagesDir: "src/theme/img", javascriptsDir : "src/js", fontsDir : "src/theme/fonts", environment : "production" } } } 每次在sass目录中发生更改时,将执行指南针任务,并创buildcss目录(使用生产css文件)。 一切都很好,但css文件,config.rb文件和sasscaching也重新在sass目录中。 有人遇到同样的问题?