CSS Concatenation can be performed one of three ways:
- Selecting a list of @import statements inside
- Selecting a list of tags with href attributes
- Selecting a list of css files in a resource view.
After selecting the resources then bring up the right click menu and click on the "Rockstarapps -> Concatenate CSS..." menu.
-
This will bring up the following wizard that allows users to select the output location of the concatenated CSS file and the order the resources will be concatenated.
Select output file location
The first page of the wizard allows users to select the output location of the concatenated CSS file. If the file already exists, check the Overwrite current file checkbox
Concatenation Properties
This screen provides the ability to tell the concatenation engine what file types will be created. jsLex creates a new file for each type of concatenation technique. This allows developers to switch between them easily.
The list of resources can be manipulated in case the list contains any that do not exist or the order is in correct.
Rebuild Concatenated CSS Files.
One of the nice features of this version of jsLex is the ability to rebuild any file that was created using the "Concatenate CSS..." action. To rebuild a file right click on the resource and select "Rockstarapps -> Rebuild CSS..." Using this feature saves a ton of time managing the concatenated files during development.
