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 - Grunt.js Tutorial
From the course: Grunt.js: Web Workflows
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.