gruntjs

I'm running into the following problem with requirejs and usemin: I want to setup a multipage application, where I dynamically load modules that only contain page specific functionality (e.g. about -> about.js, home -> home.js). I could go ahead and pack everything in a single file, but that just leads to a bigger file size and overhead on functionality that isn't necessary on each site! (e.g. why would I need to load a carousel plugin on a page that doesn't have a carousel!) I checked out the example https://github.com/requirejs/example-multipage-shim That is in fact a great way to deal with

So I have messed up with removing and installing node and npm to install packages without sudo and now I can't use Grunt panel in Webstorm The message is: grunt --no-color --gruntfile /Users/max/repos/cb/Gruntfile.js --tasks /Applications/WebStorm.app/plugins/JavaScriptLanguage/grunt_js/tasks _intellij_grunt_tasks_fetcher Cannot run program "grunt" (in directory "/Users/max/repos/cb"): error=2, No such file or directory Looks like the grunt command isn't in your system path. In order to view/run tasks, you need to install Grunt's command line interface globally: npm install -g grunt-cli For

I used yo-angular to generate my angularjs template with bootstrap/grunt/bower. I also want to use underscore in the app: npm install underscore --save-dev In the MainCtrl I am calling underscore.js just to see whether it works: angular.module('yomanApp') .controller('MainCtrl', function ($scope) { $scope.awesomeThings = [ 'HTML5 Boilerplate', 'AngularJS', 'AngularJS' ]; _.each([1,2,3],console.log); }); When I run the application with Chrome I get this errmsg in the console: ReferenceError: _ is not defined at new <anonymous> (http://localhost:9000/scripts/controllers/main.js:18:5) at invoke

Recently started using Grunt as a build tool for a web app I'm hobbyist developing. I have a series of HTML files (to be used as templates), in a single folder, that I'd like injected at a particular point in the main HTML file. Ideally, I could also wrap each file in a tag, but having to manually include this in the template files themselves is acceptable. Is there an existing Grunt module to perform this? EDIT: I may have worded my problem poorly before. Essentially, I have a single HTML file where the app will run (Single page app, business simulation game). In a separate folder, I have a

I've just scaffolded an Angular app using Yeoman. I've noticed that the build task does several things by default, including minifying and concatenating js files. I'd like to have a simpler build task that didn't do any minifying or concatenation, and, instead, only did the following two things: compile my .scss into .css copy a working app into my distribution directory Can anyone help me write a grunt task that will do (only) these two things? Many thanks. Ok, I've edited the default grunt file so that it does what I want. My solution involved writing tasks called copy:devDist and compass

I am using Grunt to build a React project and I want to have 'dev' and 'prod' flavours. As react docs says: To use React in production mode, set the environment variable NODE_ENV to production. A minifier that performs dead-code elimination such as UglifyJS is recommended to completely remove the extra code present in development mode. I am very new using grunt, browserify and stuff but let's see. First problem I have is with envify, I use it as a transform: browserify: { options: { transform: ['reactify'], extensions: ['.jsx'] }, dev:{ options: { watch: true //Uses watchify (faster) }, src: [

My current situation is that I use grunt to make a production version of my express app (minimize and merge all the js/css, copy all the files in place) and then I have to run a script which sets an environment variables (my app only serves the test harness when running in TEST mode), creates an empty Mongo test database and then calls npm start on the application directory, and then I manually have to run the tests from either Chrome or Phantom, what I want to do is have grunt set the environment variable and run the server, run the tests, and then stop the server (in the future if all is

I'v made a static single page site using grunt. I'm now trying to deploy it to heroku using the heroku-buildpack-nodejs-grunt for node grunt. Below is a pic of my root directory: Here's my Gruntfile package.json : Procfile : web: node index.html When I run $ git push heroku master it gets to the Gruntfile and fails: -----> Found Gruntfile, running grunt heroku:production task >> Local Npm module "grunt-contrib-uglify" not found. Is it installed? The above errors proceed to list all local NPM modules as not found. If I list all loadNpmTasks instead of using "load-grunt-tasks", I get the exact