An alternative to grunt-usemin
options:// If provided, then set all path in html files relative to this directorybaseDir: "baseDir/"// Same thing as baseDir but forces path to be absolute to this directoryabsoluteBaseDir: "baseDir/"// Task(s) to execute to process the csscssmin: 'cssmin'// Task(s) to execute to process the jsjsmin: 'uglify'// This should contain a reference to all HTML files that usemin2// needs to processhtml: 'src/*.html'// This section contain everything about css files processingcss:// You can create as much section as you want with// any name you want to usesection_name:// Each section should define a destination that point to the file// that will be created if the minification process is executeddest: "dest/css/section_name.min.css"// Files that needs to be processed for this sectionfiles:// Same as usualcwd: "src"// List of src (can be an array), each can be expanded,// you can also use a special "__min__" markup to select// thje correct file depending on the running processsrc: "css/*.css" "externals/css/*__min__.css"// Destination of the files when no minification process// occursdest: "dest/"/* , ... *//* , ... */// Same as css but for js filesjs:// ...
baseDir: not set by default, set all path in html files relative to this directory.
absoluteBaseDir: same as
baseDirbut forces path to be absolute from this point (starting with a /).
cssmin: defaults to
'cssmin', tasks to execute to minify CSS files. Also accepts an array of tasks like
['cssmin1', 'cssmin2']. In this case, it supposes that the first task is able to produce a single file from numerous inputs. If it does not, use 'concat' first like in:
['concat', 'taskonsinglefile', 'cssmin'].
jsmin: same as
cssminbut for js minification process, defaults to
Just add simple comments to your HTML file that will be replaced by the correct include(s) depending on the process :
<!-- usemin2:css:section_name --><!-- usemin2:js:section_name -->
Right now, by default grunt-usemin2 assume it is in
dev mode. It means that
it will publish each files listed in src sections to its corresponding
destination and then replace sections in HTML files by a list of all moved files.
To activate the minification process, you need to be in
release mode. To do so,
you have to pass a
release argument to the task just like that :
Any argument value other than
release is ignored thus making the task behave
as if in
When the minification process is used, each task of the process is executed resulting in a single file per section. This is the single file that will be included in the HTML file where the section is referenced.