gruntjs

I am using standard minify/uglify for css/js files and combine multiple files to main.min.css or app.min.js... However my .html file needs to be modified to point to these new file names too in <link> or <script> Is there a way to automate this? Or how to modify .html files automatically to rename the file names in there using gruntjs ? You can do this with grunt-string-replace . Here's an example on how you could use it. In my index.html you find the following import tags: <!--start PROD imports <script src="assets/dist/traffic.min.js"></script> end PROD imports--> <!--start DEV imports-->

I am kinda new to grunt and want to use it with Jekyll and some LESS-compiling. My problem now is, I already have fully functioning LESS-comipiling with live reload and watch task and can build my jekyll site through grunt, but how do I run something like the jekyll serve or grunt-connect and grunt watch simultaneously? I want a grunt task that provides the watching of my LESS-files etc, builds the jekyll site and then runs a small web server with grunt-connect or whatever. My Gruntfile.js so far: 'use strict'; module.exports = function (grunt) { grunt.initConfig({ jshint: { options: {

Most packages nowadays are available in both NPM and Bower. I have to have NPM around, but I'd like cut Bower out of the loop on my project. I'm currently relying on grunt-wiredep to create <script> includes in my index.html . This tool looks at all of the Bower configs to pull all the necessary js and css files into my index.html for me. Is there a tool that will do the same for NPM dependencies? You would be able to do that using a module bundler like Browserify or Webpack . For getting started with Browserify , you will need to first install it via NPM globally npm install -g browserify

Trying to just startup a simple angular app via Yeoman, using steps in this guide http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/ and get this error when trying to run grunt or grunt server : Loading "Gruntfile.js" tasks...ERROR Error: Cannot find module 'load-grunt-tasks' Warning: Task "default" not found. Use --force to continue. Here are my versions: yo --version && grunt --version && bower --version 1.1.2< grunt-cli v0.1.13 grunt v0.4.4 1.3.1 See screencast of this in action: http://screencast.com/t/4ToPw3SlL2 I just encountered the same problem

Is there a way to tell grunt which grunt.js file to use? I have an f:\a\b\tools folder that contains grunt.cmd, node.exe,... , my actual web app with GruntFile.js and all the local node_modules is in f:\a\c\my_app Running grunt from a\c\my_app works fine but trying to run grunt from some other folder say a does not seem to work. I am new to grunt and may be I am missing something obvious. f:\a>grunt --config c\GruntFile.js grunt-cli: The grunt command line interface. (v0.1.6) Fatal error: Unable to find local grunt. If you're seeing this message, either a Gruntfile wasn't found or grunt hasn't

I have code that makes it easy and fast to write/test code, that code does not belong in my production code (mostly it mocks out the server so I only need the grunt server). Two parts to this, one is how to I remove parts of a script angular.module('nglaborcallApp', [ 'ngCookies', 'ngResource', 'ngSanitize', 'ngRoute', 'server_mocks', // Don't want this line in the production build 'dialogs' ] and then a section of index.html that needs to go away <!-- build:js({.tmp,app}) scripts/mocks/mocks.js --> <script type='text/javascript'>var Mocks = {};</script> <script src='scripts/mocks/jobs.js'><