Using grunt for front end with php
It will be way easier to add grunt-php to your existing Gruntfile. First install it in your project: npm install grunt-php --save-dev Then add the task config in your Gruntfile (for example between pkg and php-unit): php: { dist: { options: { base: 'build' } } }, And finally define...
apt-get install -g grunt grunt-cli missing modules
For some strange reason, once I ran: npm remove -g grunt grunt-cli And re-ran: npm install -g grunt grunt-cli And everything was working!...
How can I minify my index.php using grunt?
php,html,optimization,gruntjs,minify
if you want to create html file from php you can use PHP ob_start() function. So you create PHP file php2html.php php2html.php <?php ob_start(); include 'index.php'; file_put_contents('index.html', ob_get_clean()); then create exec task in GRUNT to call php2html.php script (read more about exec task https://github.com/jharding/grunt-exec ) Gruntfile.js module.exports = function(grunt) {...
generating templates with grunt - looking for a task
javascript,node.js,templates,gruntjs,task
You could try grunt-template which processed lo-dash templates. Here's a basic setup to solve your problem: //Gruntfile.js config.template = { myTask: { options: { data: function () { return { secret: 'ABC' }; } }, files: { 'output.html: ['template.html.tpl'] } } }; //template.html.tpl <html> <body> <span><%= secret %></span> </body> </html>...
Grunt tasks stuck in endless loop
javascript,node.js,gruntjs,npm,grunt-contrib-concat
In the last 2 lines of your Gruntfile.js you have redeclared the concat and wiredep tasks and when grunt tries to run your code, It stuck in an endless loop because concat refers to an undefined concat task, So you should remove these lines: grunt.registerTask('concat', ['concat']); grunt.registerTask('wiredep', ['wiredep']); In general,...
How do I reuse a grunt copy task for multiple destinations dynamically?
I think you were in the right track. This should help copy: { nightlyBuild: { files: [{ expand: true, cwd: '../', src: ['index.html'], dest: '<%= dest %>', }] } }, grunt.task.registerTask('copyTo', 'copy into a specific destination', function(dest) { if (arguments.length === 0) { grunt.log.writeln(this.name + ", missing destination"); } else...
Add locale moment to an AngularJS app
You should insert it outside the bower section, like this: <!-- build:js(.) scripts/vendor.js --> <!-- bower:js --> <script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/angular/angular.js"></script> <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> … <script src="bower_components/angular-loading-bar/build/loading-bar.js"></script> <script...
Grunt filerev, usemin and file caching
angularjs,caching,gruntjs,grunt-usemin
Found this issue discussed at three different places. The third link is closest to the solution. I finally ended up using vermin as a replacement task for filerev and usemin which internally executes both the tasks repeatedly until the filenames stop changing. It is shared as a gist here: https://gist.github.com/markrian/aa185c5ec66232a38a68...
Grunt hangs on uglify
node.js,gruntjs,minify,grunt-contrib-uglify
You're redefining the uglify task to run itself in your last line, replacing grunt-contrib-uglify: grunt.registerTask('uglify', ['uglify']); That's why your grunt is looping endlessly. Just give it a different name: grunt.registerTask('compress', ['uglify']); ...
grunt-contrib-copy syntax for process option confusion
Your version of grunt-contrib-copy is 0.4.0. As correctly point out by @nemesv above the property name to use in this version would be processContent not process. I cloned your repo and switched to json-breakpoints branch. And ran grunt copy:js and it replaced the content. Now,when you run grunt copy:js --verbose...
grunt-contrib- packages are officially supported by Grunt?
javascript,gruntjs,requirejs,r.js,grunt-contrib-requirejs
Yes, the grunt-contrib-* naming convention is for official grunt plugins. See here: https://github.com/gruntjs/grunt-contrib
How to use grunt sass to compile and compress scss to css?
I use grunt-sass as well and my usual SASS config looks like this: client: { options: { loadPath: ['<%= config.tmp %>/styles'], compass: false }, files: { '<%= config.tmp %>/styles/main.css': '<%= config.tmp %>/styles/main.scss' } } ...
Can I use grunt/gulp to pull a specific version of bootstrap css
twitter-bootstrap,gruntjs,gulp
I think you should use a package manager as Bower (http://bower.io/). Grunt/Gulp should not be used to download a third-party library....
grunt-contrib-jade compiling to single JS with cwd
Silly me, didn't fully read the documentation of the plugin :(. The solution is trivial, using the processName option: options: { client: true, amd: true, processName: function(path) { var pathChunks = path.split('.')[0].split('/'); return pathChunks[pathChunks.length - 1]; } } ...
Images doesn't display on AngularJS website after uploading them with filezilla
angularjs,image,website,gruntjs,filezilla
I think image paths are broken because inside filerev:dist grunt task you are setting your images for file revision, which will return an unexpected name each time you build the project. Try to comment this line inside filerev:dist task '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}', and re build the project....
“Arguments to path.resolve must be strings” when calling 'gitbook build' from a Git hook
node.js,git,gruntjs,githooks,gitbook
Some further consideration brought me to the right direction: Invoking a Git hook has a different login context than working on the server's command line. So running set > some-file in both contexts revealed significant differences in environment variables. Some experiments turned out that it was export HOME=/home/git that had...
grunt-bower-install won't include my css files
Done! Just place this in head tag <!-- bower:css --> <!-- endbower --> <!-- bower:js --> <!-- endbower --> And run grunt bowerInstall again...
Run parametrized task using grunt.task.run(taskname)
First thing, the way to pass an arg through the command line is to use :. For example to call hello directly: grunt hello:you To call it with multiple arguments, just separate them by :, like grunt hello:mister:president And to use these multiple arguments in the task, you do the...
Does an existing gruntfile need to be edited? What is the common workflow?
angularjs,gruntjs,yeoman,bower
Your question is very abroad... If you are using a 3rd party package that is not yours, you don't need to edit the gruntfile.js. However the gruntfile.js for your app will be created/edited to fit your app needs.
Strange npm behavior when installing packages like grunt
node.js,gruntjs,npm,gulp,bower
Ubuntu package nodejs provide a binary as a /usr/bin/nodejs, not a /usr/bin/node, so most of cli tools can't find it. To solve the problem you need to make a symlink: sudo ln -sT /usr/bin/nodejs /usr/bin/node ...
Getting undefined with custom function execution in grunt task
When you write console.log(this.data['five']()); it means "print out the return value of the function that is defined at this.data.five, that is: function() { grunt.log.writeln("Hi"); } This function has no explicit return, so its return value is undefined, and your code prints it out. To avoid this, change your code to:...
SailsJS: Requiring Assets, Such As, sails.io.js
javascript,node.js,socket.io,gruntjs,sails.js
This was due to an issue with the sails new app generator that has been fixed. The issue was that for any new app, the Grunt hook would be disabled, so that your assets would not be copied automatically into your app's .tmp/public folder at lift time. This is only...
ENOTUP using Grunt
javascript,node.js,gruntjs,minify,grunt-contrib-concat
It turns out that the wildcards that I was using for the directories was causing the error. i.e. src/js/**/*.js needed to be replaced with src/js/*/*.js I've been chasing this for too long! Grunt's documentation says to use double "*" for directory wildcards. For some reason, that's causing the ENOTSUP error...
pass middleman variable to grunt file
javascript,gruntjs,html-email,middleman
You should store your variable in a JSON file and import it both into Middleman and Grunt.
Force grunt-typescript to use node_modules/.bin/tsc
Looking at the source code of grunt-typescript, I think, the typescript compiler is loaded from node_modules and then if it is not found in the node_modules folder is loaded from the global environment. Relevant points in the source code : Import statement CreateProgram Node require documentation loading priority: https://nodejs.org/api/modules.html#modules_loading_from_node_modules_folders...
Electron default app doesn't change
Check is package.json file exists in your www directory and has main js set inside. It should be something like: { "name" : "your-app", "version" : "0.1.0", "main" : "main.js" } ...
Running grunt just opens up a Notepad file instead of actually running the tasks
The problem was that I was missing a package.json file. I simply never created one. I resolved the problem by running npm init to generate it...
When using Libsass/Grunt is there a way to watch files on the fly?
css,sass,gruntjs,zurb-foundation-5,libsass
Ok, so I did some sleuthing and looked into the grunt file and even though I'm not that great with grunt I saw this: watch: { grunt: { options: { reload: true }, files: ['Gruntfile.js'] }, sass: { files: 'scss/**/*.scss', tasks: ['sass'] } } With this I assumed that I...
How to setup grunt-babel to transpile an entire directory
It's can be achieved by using dynamic files mapping. For your case config will look like this: gruntConfig.babel = { options: { sourceMap: true }, dist: { files: [ { expand: true, cwd: 'src/', src: ['*.js'], dest: 'dist/' } ] } }; ...
Is express similar to grunt? what is the difference? what are the advantages of express over grunt?
node.js,express,gruntjs,mean-stack
Express is a webserver framework on top of nodejs (like symphony for php). Grunt is an automation tool (like make or gulp) and not a webserver. The only thing they have in common is, that they use the JavaScript programming language. MEAN is a full stack environment for developing web...
grunt-http-server is stop running
You need to set runInBackground: false. Why? runInBackground tells grunt: when true: to keep running the rest of the tasks. when false: to stop and wait on the server indefinitely. In your case, when set to true, there is no other task to run, so grunt terminates, and taks down...
GruntJS and custom task: require a RequireJS module
gruntjs,requirejs,grunt-contrib-requirejs
You can load RequireJS in Grunt, as follows: var requirejs = require('requirejs'); You can then fetch all the fileX.js files in your tree through Grunt: grunt.file.recurse('js/modules/', function callback(abspath, rootdir, subdir, filename) { if (filename === 'fileX.js') { /* Do something here. */ } } Once you have all the modules...
How to include only specific parts of UI Bootstrap using Grunt
gruntjs,angular-ui-bootstrap,bower
It can be done by using the following command grunt build:moduleName1:moduleName2:moduleName3....:moduleNameN For example if you require the build to contain only tabs and buttons module , then the grunt command will be like grunt build:tabs:buttons The generated files will be present in dist folder For the list of module names...
Yeoman angular grunt-serve vs http-serve
angularjs,gruntjs,npm,yeoman,http-server
I discovered that I had to run grunt to build the project which fixes the references and places a distribution uglified version of the project in a dist folder. This ran just fine on my other server.
Compass file path errors in Grunt
angularjs,gruntjs,yeoman,compass,grunt-contrib-compass
Just change your import to @import "icons/*.png"; Your current load paths (in compass) is already pointed to: app/styles/sprites/...
How to execute jasmine tests for node modules from grunt
javascript,node.js,gruntjs,jasmine
You could use grunt-exec, which just executes the value as if typed on the command line: module.exports = function (grunt) { grunt.initConfig({ exec: { jasmine: "jasmine" }, env: { test: { NODE_ENV: "test" } } }); grunt.loadNpmTasks("grunt-exec"); grunt.loadNpmTasks("grunt-env"); grunt.registerTask("test", [ "env:test", "exec:jasmine" ]); }; This will allow you to keep...
Why doesn't postinstall run everytime?
I was able to fix this by changing the command from an array to a string. "scripts": { "postinstall": "./node_modules/bower/bin/bower install && ./node_modules/protractor/bin/webdriver-manager update" } ...
How do I access a user input from grunt-prompt in other tasks
javascript,gruntjs,grunt-prompt
The config key is directory. But your issue is that your call to grunt.config() is executed when the Gruntfile is read, way before the tasks are run. At that point, prompt has not run, so the option is undefined. You want something that will be only evaluated at runtime, so...
Meteor Not Excluding Node Modules in the Private Folder?
javascript,node.js,meteor,gruntjs,isobuild
basically meteor doesn't ignore npm modules in the private directory, i've gone with the strategy of moving my grunt setup and assets outside of the meteor directory and have my assets moved by grunt into the public directory.
When starting Nightwatch with Grunt, the website server is not started
javascript,node.js,selenium,gruntjs,nightwatch.js
you can give grunt-express-server a try and start the server before running the test, for example: npm install grunt-express-server --save-dev and modify the gruntfile: grunt.loadNpmTasks('grunt-express-server'); grunt.initConfig({ express: { options: { // Override defaults here }, dev: { options: { script: 'app.js' } }... // and finally, in the test task,...
Message appears when running scsslint
Your problem is related with the bundleExec parameter. If you set it to true, the plugin will expect the gem installed via bundler. You have to set it to false, and I think it will works. scsslint: { allFiles: [ 'src/scss/**/*.scss', ], options: { bundleExec: false, config: '.scss-lint.yml', reporterOutput: 'scss-lint-report.xml',...
How to run multiple application on Grunt
After reading @NLN answer where He mentioned that make sure each of them use different port number So i have start reading my Gruntfile.js file. In this file there is a connect object defined like this in applicationA grunt.initConfig({ connect: { options: { port: 9000, hostname: 'localhost', livereload: 35729 }...
How to use dynamic values in Grunt tasks called from inside a forEach?
foreach,gruntjs,grunt-contrib-copy
The issue is that grunt.task.run does not run the task immediately, it just pushes it to the list of tasks to run later, while grunt.config.set executes immediately. So you end up with a list of 4 times the same task to execute. You can get what you want by defining...
Using npm to install grunt on nodeenv results in findup-sync error
You have maybe a corrupted cache : npm cache clean
Changing JS variable with Grunt for different environments
javascript,build,gruntjs,environment-variables
I find a combination of grunt-replace and grunt-config works well. In your Gruntfile.js, configure grunt-config like this (see the README): config: { local: { options: { variables: { mainroot: 'http://localhost:3000' } } }, test: { options: { variables: { mainroot: 'http://myapp-test.com' } } }, prod: { options: { variables: {...
Grunt grunt-contrib-cssmin runs unending doesn't combine files
node.js,gruntjs,grunt-contrib-cssmin
Your target is fine and works perfectly, so the issue is somewhere else in your code. Specifically, your last line shows that you are redefining your own cssmin task Loading "Gruntfile.js" tasks...[32mOK[39m + [36mbuildsass[39m, [36mconcatcss[39m, [36mcssmin[39m, [36mdefault[39m, [36mserver[39m This probably causes the infinite looping, call your own task another name...
How to configure Grunt with ASP.NET WebApi Project?
angularjs,asp.net-web-api,gruntjs
Try to specify your problem. Google knows tons of article about Grunt in VS 2013/2015. Introducing Gulp, Grunt, Bower, and npm support for Visual Studio Grunt Launcher Task Runner Explorer Using Grunt, Gulp and Bower in Visual Studio 2013 and 2015 Configure Grunt in Visual Studio 2015 and so on....
jQuery dependency above Angular one: WARNING: Tried to load angular more than once
jquery,angularjs,gruntjs,bower,grunt-wiredep
alternatives to removing/reordering jquery.js : if your index.html is using <ui-view /> then try changing it to this: <ui-view></ui-view> because of how HTML5 handles tags as explained in this SO post about tag syntax secondly, do a check of your routes, as explained in this SO post about referencing the...
Compiling SASS files using Grunt creates an unnecessary folder
The problem is due to your parameters for building the files object dynamically. You need to set the cwd parameter: "All src matches are relative to (but don't include) this path." files: [{ expand: true, cwd: 'sass/', src: '*.scss', dest: 'css/', ext: '.css' }] ...
How to load a task using loadNpmTask in gruntfile if module is in different directory
You will need to use grunt.task.loadtasks pointing it to the task directory which you want to load the tasks. In your case: grunt.loadTasks('../dev_server/node_modules/grunt-express-server/tasks'); If you check grunt's master on github, at line 325 of task.js it requires the taskfile (.../tasks/express.js) located in the filepath you passed as parameter. // Load...
execute a node command from a grunt task
The answer http://stackoverflow.com/a/15045126/519995 suggests using the parameter opts: {stdio: 'inherit'} to have the spawned output streamed into the parent output stream. That same answer also lists other alternatives: listening to data event, or piping the streams as you wish. Also, using timeouts to wait for async tasks is NOT a...
Rails minify/optimize files on the fly using Grunt or Gulp
ruby-on-rails,gruntjs,gulp,sidekiq
Ok, I finally created a Node CLI to handle that case. Since I needed to be able to optimize files dynamically inside a folder, having a command line utility is somehow the best scenario : cli.js #!/usr/bin/env node 'use strict'; var meow = require('meow'); var fs = require('fs'); var optimizer...
Visual Studio 2015: Destination wwwroot/css/site.css not written because no source files were found.
Are you sure "wwwroot/lib/angular/angular.js":["src/angular.min.js"] is correct in your uglify step? Uglify is for minifying files, so it would seem as if you have the destination and source parameters reversed. You are also getting the message Destination wwwroot/lib/angular/angular.js not written because src files were empty. which would seem to indicate that...
Grunt : Usemin prepare, options for cssmin
gruntjs,grunt-usemin,grunt-contrib-cssmin
To add options in the generated config of the cssmin task , you will need to use the flow option in useminPrepare. useminPrepare: { html: 'index.html', options: { flow: { steps: { css: ['cssmin'] }, post: { css: [{ name: 'cssmin', createConfig: function (context, block) { var generated = context.options.generated;...
Is there a way with Grunt to automatically link css files to HTML
If your CSS is in a Bower package, you can use grunt-wiredep: just include <!-- bower:css --> <!-- endbower --> in your html, and wiredep will replace it with links to the CSS from your Bower packages. If your CSS is your own, as far as I know there is...
Is there a way to specify variable in grunt task name?
Try this: YourTask: { dist: { files: { 'dist.<%= version %>.js', ........ } }, Register your build task like this: grunt.task.registerTask('build', 'build a specific version', function(version) { if (arguments.length === 0) { grunt.log.writeln(this.name + ", missing version"); } else { grunt.log.writeln(this.name + " version " + version); grunt.config.set('version', version); grunt.task.run([...
How to define bourbon and neat in grunt js file / windows 8 user?
Using node-neat will return an array of the paths for both Bourbon and Neat. Try this: options: { style: "compressed", sourcemap : true, loadPath: require('node-neat').includePaths }, ...
What does slash dot refer to in a file path?
windows,git,gruntjs,filepath,slash
The \ (that's a backslash, not a slash) is a directory delimiter. The . is simply part of the directory name. .grunt-init and grunt-init are two distinct names, both perfectly valid. On Unix-like systems, file and directory names starting with . are hidden by default, which is why you'll often...
Writing multiple functions in AMD javascript module
You should place each module in it's own file. At least requireJS (are you using that?) determines the module name by it's file name (without the .js). So a file sitting in /modules/A.js will have the module name "modules/A". If you really want to define multiple modules in one file,...
Handlebars does not output anything
javascript,gruntjs,handlebars.js,yeoman,bower
I found my solution with the last line of this JSFiddle. I gave the tag where the template was an ID, and used: $('#tagIDName').append(template(driver)); instead of just template(driver);...
Combine js files from different directories via config using grunt
You can use grunt concat concat: { dist: { src: [ 'startpage/file1.js', 'startpage/file2.js' ], dest: 'startpage.js' } }, ...
How to output timestamp when node.js server is restarted via grunt-nodemon?
javascript,node.js,gruntjs,nodemon
Rather than try to modify the output of nodemon, a cleaner approach would be for your application to log the timestamp when it starts up. If you use the util.log function rather than console.log, you'll get the timestamp added automatically to your log messages....
I can not use grunt -cli and grunt serve in my web hosting
Option 0 grunt is a build tool and is generally not used to run servers other than local test servers. So the best solution is probably to get your server up and running using pm2 or forever or something else instead of grunt. As far as getting grunt running on...
Grunt-contrib-copy: variables within the rename function
javascript,gruntjs,grunt-contrib-copy
Try substring instead: rename: function(dest, src) { return dest + src.substring(0, src.indexOf('_')) + '.css'; } ...
Asynchronous tasks in grunt.registerTask
I had this: grunt.registerTask("name_of_task", ["task_a", "task_b", "task_c"]); And "task_b" had to be executed after "task_a" was done. The problem is that "task_a" is asynchronous and returns right away, so I needed a way to give "task_a" a few seconds to execute. The solution: grunt.registerTask("name_of_task", ["task_a", "task_b:proxy", "task_c"]); grunt.registerTask("task_b:proxy", "task_b description",...
With Grunt, how can I compile all *.less files, if I have global mixins and constants?
gruntjs,less,grunt-contrib-less
Thanks to @seven-phases-max for the following answer! less-plugin-glob Allows you to use wildcards in @import statements! Works perfectly! // master.less @import "helpers/**/*.less"; @import "modules/**/*.less"; And all you need to add to your Grunt configuration is the plugins option: // Gruntfile.js grunt.initConfig({ less: { 'MASTER': { src: 'master.less', dest: 'master.css', options:...
message: 'Unexpected token: punc (.)', while using uglify in grunt
javascript,css,gruntjs,grunt-contrib-uglify
uglify is for minimising JavaScript only, not CSS. If you want to minimise CSS you can use the cssmin task for Grunt instead....
Grunt tasks running indefinitely
javascript,node.js,gruntjs,grunt-contrib-imagemin
I was able to get it work, by changing the following: grunt.registerTask('reactify', ['react']); I changed the name of the tasks. I think due to a cyclic nature of the internal design, it causes indefinite execution....
Error 'uiGrid' must have exactly one root element. ui-grid/ui-grid when UI-Grid is initiated
angularjs,gruntjs,ng-grid,angular-ui-grid
My issue was related to an odd http interception. When ui-grid was added, it was triggering a get request to http://localhost:xxxx/ng-grid/ng-grid, which was breaking the grid and throwing the error. ('uiGrid' must have exactly one root element. ui-grid/ui-grid) Added an intercepter rule to ignore that url format and then the...
JSLint error: “Expected a newline at EOF”, conflict with Beautify plugin
javascript,gruntjs,jslint,beautify
According to the Brackets Beautify Documentation, it uses JS-Beautify internally. The documentation for the latter mentions these parameters: -n, --end-with-newline -p, --preserve-newlines If you can force Adobe Brackets to pass parameters to the js-beautify call, I guess one of these should do the trick. UPDATE According to the Github repo,...
Grunt build is leaving out a new directory in 'Dist'
angularjs,build,gruntjs,yeoman,yeoman-generator-angular
The root cause is you forgetting to update copy task You need add the new folder app/ to src list. copy: { dist: { files: [{ expand: true, dot: true, cwd: '<%= yeoman.app %>', dest: '<%= yeoman.dist %>', src: [ '*.{ico,png,txt}', '.htaccess', '*.html', 'views/{,*/}*.html', 'images/{,*/}*.{webp}', 'styles/fonts/{,*/}*.*' 'app/*' ] } ...
Grunt SASS Invalid property name appearance
Pretty lame, but it had to do with the indenting. Had to be: .select select -webkit-appearance: none -moz-appearance: none appearance: none ...
Yoeman task “autoprefixer:dist” gets stuck
angularjs,gruntjs,autoprefixer
It is probably the fact that grunt-autoprefixer doesn't find any files. If that is the case it will block grunt: https://github.com/nDmitry/grunt-autoprefixer/issues/115 My PR just got merged and this issue is fixed in grunt-autoprefixer 3.0.3....
rethinkdb does not connect form grunt task
The problem is that your task is asynchronous, but you're treating it as an asynchronous task. Your task finishes and your process exists, but you still haven't created your table and executed your insert. What you need to do is add one line right underneath registerTask that creates a done...
Error using Grunt watch and SASS
Try to disable sourcemap and see if it works. module.exports = function(grunt) { grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), sass: { dist: { options: { style: 'compressed', sourcemap: 'none' }, files: { 'css/style.css' : 'sass/style.scss' } } }, watch: { css: { files: '**/*.scss', tasks: ['sass'], options: { spawn: false } } },...
How to make grunt run some tasks at a special point in time?
javascript,node.js,testing,gruntjs,automated-tests
Grunt-contrib-watch makes you to do some task when the inspected file has changed. grunt-crontab can let you do some task at specific time, just like crontab. e.g in grunt setting: grunt-crontab example. { "jobs" : [ { "command": YOUR COMMAND, "schedule": "0 1 * * *", //Every day's 1:00...
