Automated tool to join multiple stylesheets (CSS) in 1 only and to join Scripts (JS) in 1 Sheet only

Navigation
4

I searched the internet for ways to join Stylesheets CSS and Script Sheets JS in an automated way, but did not work well.

I have about 17 Style Sheets and 15 Scripts, if I do it manually I will be "crazy" and it will take a long time.

Does anyone know of an online tool or software that allows me to do this in an automated way?

  

Ex: I put all the files (sheets) to the site and already the file with the sheets already attached, or some software that does it in an automated way.

    
asked by anonymous 24.07.2014 / 03:13

4 answers

1

Log in to that site and upload multiple files.

link

Soon the site will be moved, there is a new address being reported on the page, add to your favorites.

    
24.07.2014 / 15:07
2

I will give a simple answer, which in no way serves large projects, and resolves compilation and reduction of files, but which I use in small projects.

See the example tree: 

root
   js/
     - compilado.js
     src/
        - 01-core.js
        - 02-functions.js
        - 03-extra.js

To generate compilado.js : 

cd js;
cat src/*.js > compilado.js

The same can be done with css

    
25.07.2014 / 15:02
1

To make "bundling" (joining multiple CSS and javascript files into one) I use the Web Essentials extension for Visual Studio Express 2013 for Web (

But searching ... I found some others I share here:

These tools also do "minification" (a way to optimize the files so they get smaller)

    
24.07.2014 / 13:46
1

A few days ago I'm using a tool called Gulp, which in a simple way you can create tasks to automate this build process. One of the most common tasks is to concatenate both JS and CSS files, which is your case. Home Take a look at these links:
 * Gulp Getting Started - link
 * Gulp Concat - link

If you are sure to concatenate the files, it may also be a good idea to do the minification so that they are smaller, look for Gulp Uglify and Gulp Minify CSS. Home I hope I have given you new ideas,
André

    
29.07.2014 / 03:04
.each () in pure Javascript Button that when clicked shows only the content of a certain class