Grunt start Node Server and then open browser
javascript,node.js,gruntjs,connect
Two things: your 'connect' task currently blocks while waiting, you have to tell it to let the grunt process run asynchronously: call done() at the end ... server.listen(port); done(); }); now your build will end at the end of your task list, and take down your server with it. 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.
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...
grunt-contrib-cssmin : Relative path of images is not replaced in target minified file
css,gruntjs,relative-path,grunt-contrib-cssmin
I think you need to set rebase to true, and set the paths appropriately. I was struggling with that too, and it was not obvious. After a bit of trial and error i got it to work like this. grunt.initConfig({ cssmin: { options: { relativeTo: "./Main/img", target: "./build", rebase: true...
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' } } ...
AngularJS minification
angularjs,gruntjs,bundling-and-minification
EDITED : The issue here seems to be ngMock being loaded in production environment, blocking the requests to load the templates. You should remove the ngMock dependency file when packaging you application ...
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]; } } ...
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...
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...
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 }...
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.
Yeoman angular dist version of app, does not restrict the direct folder access
angularjs,.htaccess,gruntjs,yeoman-generator,yeoman-generator-angular
.htaccess files are specific for apache server, but you are running grunt, so all .htaccess files are ignored. You should not use Grunt as your production server, since it is designed to local development environment only. Take a look here: can grunt server use for production application deployment Files generated...
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...
Complex gruntjs tasks
gruntjs,grunt-contrib-concat,grunt-contrib-uglify
In grunt you can only define the config for a task once, but you can define multiple targets (with different names). So in your case you need to define two targets under the 'concat' task and then call them in sequence: module.exports = function(grunt) { grunt.initConfig({ pkg:grunt.file.readJSON('package.json'), concat: { step1:...
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...
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" } ...
Yeoman - Gruntfile.js generates source map at build but deletes it after any changes
sass,gruntjs,yeoman,yeoman-generator,gruntfile
Issue is with the watch task for sass sass: { files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'], tasks: ['sass:server', 'autoprefixer'] } Change this to sass: { files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'], tasks: ['sass:server', 'autoprefixer:server'] } Currently as the whole autoprefixer task runs on change of SASS file , both its subtasks also run ,...
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" } ...
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 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...
Node module to execute tasks grunt : “Gruntfile.js” not find
javascript,node.js,command-line,gruntjs
Finally, I understand the logic of using Grunt tasks. When you have a web project application which need to use tasks grunt, it must have the Gruntfile.js in current directory. However, like as I said from my "edit 2", we can specified the Gruntfile.js with ---gruntfile option. So, it's not...
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...
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...
Why are my SVG icons clipped when using grunt svg sprite?
I don't think grunt-svg-sprite is doing anything particularly fancy with your SVG data. Most likely it's just copying it straight from the SVG files in src/app/assets/artwork/svgs. This is what the mail icon looks like (copied and pasted from the sprite data you provided, with the colour changed to black): <svg...
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 ...
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,...
“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...
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,...
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...
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...
grunt watch and sass is not compiling. It just notices change
You're having an infinite loop in your sass task, just remove the below line: grunt.registerTask('sass', ['sass']); ...
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....
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 } } },...
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....
$http.get returns actual php script instead of running it (yeoman, grunt)
Change $http.get('/scripts/php/articles.php') to $http.get('http://YOURDOMAIN.COM/scripts/php/articles.php') Off course you need to replace YOURDOMAIN.COM with localhost or any other domain you are using....
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.
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...
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/' } ] } }; ...
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 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...
Loading “Gruntfile.js” tasks…ERROR while running `grunt`
javascript,gruntjs,grunt-contrib-watch,grunt-contrib-concat
It looks like the default target is not being created properly due to a typo. Try renaming grunt.loadNpmTasksNpmTasks('grunt-contrib-watch'); to grunt.loadNpmTasks('grunt-contrib-watch'); ...
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...
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,...
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.file write/copy with permissions
gruntjs,grunt-contrib-copy,gruntfile
grunt.file.copy does not provide any option for that, unfortunately. But the grunt copy task (from grunt-contrib-copy) has an option for that (options.mode, see https://github.com/gruntjs/grunt-contrib-copy#mode)....
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...
Using npm to install grunt on nodeenv results in findup-sync error
You have maybe a corrupted cache : npm cache clean
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;...
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: {...
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",...
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:...
Is grunt.file.write(…) synchronous or asynchronous?
javascript,node.js,asynchronous,gruntjs
Looking at the source, you can see that it uses fs.writeFileSync "under the covers", so it is synchronous.
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...
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'; } ...
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:...
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 get Bower Install to copy files to another directory before linking them in html file?
You should try to use grunt-bower along with grunt-bower-install. You can configure bower to install copy files to specific folders. It will look like this: bower: { dev: { dest: 'lib/', js_dest: 'lib/js', css_dest: 'lib/styles' } } Then if you run the task: grunt bower You will have something like...
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...
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...
Sailsjs with angularjs npm install error
angularjs,gruntjs,npm,sails.js
Seems that your grunt-ng-annotate reaquires grunt at least 0.4.5 you have 0.4.2 try to manually change version in your package.json. It should work. Try this : "dependencies": { "ejs": "~0.8.4", "fs-extra": "^0.12.0", "grunt": "0.4.5", "grunt-contrib-clean": "~0.5.0", "grunt-contrib-coffee": "~0.10.1", "grunt-contrib-concat": "~0.3.0", "grunt-contrib-copy": "~0.5.0", "grunt-contrib-cssmin": "~0.9.0", "grunt-contrib-jst": "~0.6.0", "grunt-contrib-less": "0.11.1", "grunt-contrib-requirejs": "^0.4.4",...
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);...
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....