From the course: Grunt.js: Web Workflows

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Combining Bower scripts and CSS

Combining Bower scripts and CSS - Grunt.js Tutorial

From the course: Grunt.js: Web Workflows

Start my 1-month free trial

Combining Bower scripts and CSS

- There's one more thing that I want to show you. Using wiredep we can easily bring all the scripts we need for our project. The problem is that all of our scripts are outside our development folder. And this is a folder that I like to upload directly to my server, so right now if I were to upload these files, none of the Bower components would come along with them. That's one problem. The other one is that on our JavaScript it's actually loading a bunch of different JS files and I'd like that to just be all one document. So what I'm gonna do is use another plugin. This one is called grunt-bower-concat and it's just gonna bring all the files that Bower processes into a single document. To install it we have to do our installation in the terminal first. So we're gonna run this command right here. And then, as usual, we're gonna need to bring in our npm task. Let me copy this one and bring that into our gruntfile right along with the other ones. Next, of course, you're gonna need to…

Contents