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.
need to generate css from scss file on windows 8.1 using gruntjs compass
css3,sass,gruntjs,grunt-contrib-watch
You have to install Compass for Windows. Sorry, I am not an expert in Windows, but here is the tutorial on how to do that. Then make sure compass.bat is in your $PATH. After that it will compile with no error. I have also tried to compile tabs.scss in sassmeiser.com,...
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 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']); ...
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:...
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....
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...
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...
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' } } ...
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([...
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 ...
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,...
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,...
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...
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...
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...
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....
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...
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 Build Aborted Due to Warnings
angularjs,gruntjs,yeoman,karma-jasmine,yeoman-generator-angular
Okay here's the error I was missing: Parse Error: <head "Access-Control-Allow-Origin: http://www.requesting-page.com"> I commented out the line <head "Access-Control-Allow-Origin: http://www.requesting-page.com"> From index.html and now it's building with out errors...
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...
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...
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/*' ] } ...
Using npm to install grunt on nodeenv results in findup-sync error
You have maybe a corrupted cache : npm cache clean
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'; } ...
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 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...
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...
“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...
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 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 }, ...
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/' } ] } }; ...
-bash: grunt: command not found
Find where alias to grunt executable is located and check whether path to the file exist in PATH environment variable. If it doesn't exist, add path inside PATH. Normally, grunt executable is added inside, /usr/local/bin folder. But for my installation, it was placed inside /Users/<Username>/.node/bin folder. So I needed to...
$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....
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...
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...
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....
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...
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...
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...
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) {...
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]; } } ...
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....
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)....
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;...
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....
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...
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...