Dev: don't minify
Build: minify, lean Modernizr build
Dev assets will load if you have defined your WP_ENV as development
If you don't use Bedrock, you'll need to add this to your wp-config.php:
define('WP_ENV', 'development');
TODO: lib/scripts.php shouldn't need to be committed for changes after
running the version task
160 lines
3.6 KiB
JavaScript
160 lines
3.6 KiB
JavaScript
'use strict';
|
|
module.exports = function(grunt) {
|
|
var jsFileList = [
|
|
'assets/vendor/bootstrap/js/transition.js',
|
|
'assets/vendor/bootstrap/js/alert.js',
|
|
'assets/vendor/bootstrap/js/button.js',
|
|
'assets/vendor/bootstrap/js/carousel.js',
|
|
'assets/vendor/bootstrap/js/collapse.js',
|
|
'assets/vendor/bootstrap/js/dropdown.js',
|
|
'assets/vendor/bootstrap/js/modal.js',
|
|
'assets/vendor/bootstrap/js/tooltip.js',
|
|
'assets/vendor/bootstrap/js/popover.js',
|
|
'assets/vendor/bootstrap/js/scrollspy.js',
|
|
'assets/vendor/bootstrap/js/tab.js',
|
|
'assets/vendor/bootstrap/js/affix.js',
|
|
'assets/js/plugins/*.js',
|
|
'assets/js/_*.js'
|
|
];
|
|
|
|
grunt.initConfig({
|
|
jshint: {
|
|
options: {
|
|
jshintrc: '.jshintrc'
|
|
},
|
|
all: [
|
|
'Gruntfile.js',
|
|
'assets/js/*.js',
|
|
'!assets/js/*.min.js',
|
|
'!assets/js/scripts.js'
|
|
]
|
|
},
|
|
less: {
|
|
dev: {
|
|
files: {
|
|
'assets/css/main.css': [
|
|
'assets/less/main.less'
|
|
]
|
|
},
|
|
options: {
|
|
compress: false,
|
|
// LESS source map
|
|
// To enable, set sourceMap to true and update sourceMapRootpath based on your install
|
|
sourceMap: false,
|
|
sourceMapFilename: 'assets/css/main.css.map',
|
|
sourceMapRootpath: '/app/themes/roots/'
|
|
}
|
|
},
|
|
build: {
|
|
files: {
|
|
'assets/css/main.min.css': [
|
|
'assets/less/main.less'
|
|
]
|
|
},
|
|
options: {
|
|
compress: true
|
|
}
|
|
}
|
|
},
|
|
concat: {
|
|
options: {
|
|
separator: ';',
|
|
},
|
|
dist: {
|
|
src: [jsFileList],
|
|
dest: 'assets/js/scripts.js',
|
|
},
|
|
},
|
|
uglify: {
|
|
dist: {
|
|
files: {
|
|
'assets/js/scripts.min.js': [jsFileList]
|
|
}
|
|
}
|
|
},
|
|
version: {
|
|
assets: {
|
|
src: ['assets/css/main.min.css', 'assets/js/scripts.min.js'],
|
|
dest: 'lib/scripts.php'
|
|
}
|
|
},
|
|
modernizr: {
|
|
build: {
|
|
devFile: 'assets/vendor/modernizr/modernizr.js',
|
|
outputFile: 'assets/js/vendor/modernizr.min.js',
|
|
files: {
|
|
'src': [
|
|
['assets/js/scripts.min.js'],
|
|
['assets/css/main.min.css']
|
|
]
|
|
},
|
|
uglify: true,
|
|
parseFiles: true
|
|
}
|
|
},
|
|
watch: {
|
|
less: {
|
|
files: [
|
|
'assets/less/*.less',
|
|
'assets/less/**/*.less'
|
|
],
|
|
tasks: ['less']
|
|
},
|
|
js: {
|
|
files: [
|
|
'<%= jshint.all %>'
|
|
],
|
|
tasks: ['jshint', 'concat']
|
|
},
|
|
livereload: {
|
|
// Browser live reloading
|
|
// https://github.com/gruntjs/grunt-contrib-watch#live-reloading
|
|
options: {
|
|
livereload: false
|
|
},
|
|
files: [
|
|
'assets/css/main.min.css',
|
|
'assets/js/scripts.min.js',
|
|
'templates/*.php',
|
|
'*.php'
|
|
]
|
|
}
|
|
},
|
|
clean: {
|
|
dist: [
|
|
'assets/css/*main*.min.css',
|
|
'assets/js/*scripts*.min.js'
|
|
]
|
|
}
|
|
});
|
|
|
|
// Load tasks
|
|
grunt.loadNpmTasks('grunt-contrib-clean');
|
|
grunt.loadNpmTasks('grunt-contrib-jshint');
|
|
grunt.loadNpmTasks('grunt-contrib-concat');
|
|
grunt.loadNpmTasks('grunt-contrib-uglify');
|
|
grunt.loadNpmTasks('grunt-contrib-watch');
|
|
grunt.loadNpmTasks('grunt-contrib-less');
|
|
grunt.loadNpmTasks('grunt-wp-assets');
|
|
grunt.loadNpmTasks('grunt-modernizr');
|
|
|
|
// Register tasks
|
|
grunt.registerTask('default', [
|
|
'dev'
|
|
]);
|
|
grunt.registerTask('dev', [
|
|
'jshint',
|
|
'less:dev',
|
|
'concat'
|
|
]);
|
|
grunt.registerTask('build', [
|
|
'jshint',
|
|
'clean',
|
|
'less:build',
|
|
'uglify',
|
|
'modernizr',
|
|
'version'
|
|
]);
|
|
|
|
};
|