npm install useminpre+ A Grunt plugin
+ generate blocks for grunt-usemin
+ block will be generated wraps around the script tags which are next to eachother
+ block will be generated wraps around the link tags which are next to eachother
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
``shell`
npm install useminpre --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
`js`
grunt.loadNpmTasks('useminpre');
to the data object passed into grunt.initConfig().`js
grunt.initConfig({
useminpre: {
options: {
// Task-specific options go here.
},
your_target: {
// Target-specific file lists and/or options go here.
},
},
})
`$3
#### options.separator
Type:
Default value: A string value that is used to do something with whatever.
#### options.punctuation
Type:
Default value: A string value that is used to do something else with whatever else.
$3
#### Default Options
In this example, the default options are used to do something with whatever. So if the
file has the content Testing and the 123 file had the content 1 2 3, the generated result would be Testing, 1 2 3.js
grunt.initConfig({
useminpre: {
options: {},
files: {
'dest/default_options': ['src/testing', 'src/123'],
},
},
})
`#### Custom Options
In this example, custom options are used to do something else with whatever else. So if the
file has the content Testing and the 123 file had the content 1 2 3, the generated result in this case would be Testing: 1 2 3 !!!js
grunt.initConfig({
useminpre: {
options: {
separator: ': ',
punctuation: ' !!!',
},
files: {
'dest/default_options': ['src/testing', 'src/123'],
},
},
})
``