420 lines
8.2 KiB
JavaScript
420 lines
8.2 KiB
JavaScript
'use strict';
|
|
|
|
module.exports = function (grunt) {
|
|
|
|
// Load grunt tasks automatically, when needed
|
|
require('jit-grunt')(grunt, {
|
|
useminPrepare: 'grunt-usemin',
|
|
ngtemplates: 'grunt-angular-templates',
|
|
injector: 'grunt-asset-injector',
|
|
cdnify: 'grunt-google-cdn'
|
|
});
|
|
|
|
// Time how long tasks take. Can help when optimizing build times
|
|
require('time-grunt')(grunt);
|
|
|
|
// Define the configuration for all the tasks
|
|
grunt.initConfig({
|
|
connect:{
|
|
public:{
|
|
options:{
|
|
port:8081,
|
|
hostname:"*",
|
|
base:['.tmp','public']
|
|
}
|
|
}
|
|
},
|
|
watch: {
|
|
injectJS: {
|
|
files: [
|
|
'public/{app,components}/**/*.js',
|
|
'!public/app/app.js'],
|
|
tasks: ['injector:scripts']
|
|
},
|
|
injectCss: {
|
|
files: [
|
|
'public/{app,components}/**/*.css'
|
|
],
|
|
tasks: ['injector:css']
|
|
},
|
|
injectStylus: {
|
|
files: [
|
|
'public/{app,components}/**/*.styl'],
|
|
tasks: ['injector:stylus']
|
|
},
|
|
stylus: {
|
|
files: [
|
|
'public/{app,components}/**/*.styl'],
|
|
tasks: ['stylus', 'autoprefixer']
|
|
},
|
|
jade: {
|
|
files: [
|
|
'public/{app,components}/*',
|
|
'public/{app,components}/**/*.jade'],
|
|
tasks: ['jade']
|
|
},
|
|
gruntfile: {
|
|
files: ['Gruntfile.js']
|
|
},
|
|
livereload: {
|
|
files: [
|
|
'{.tmp,public}/{app,components}/**/*.css',
|
|
'{.tmp,public}/{app,components}/**/*.html',
|
|
'{.tmp,public}/{app,components}/**/*.js',
|
|
'public/img/{,*//*}*.{png,jpg,jpeg,gif,webp,svg}'
|
|
],
|
|
options: {
|
|
livereload: true
|
|
}
|
|
}
|
|
},
|
|
|
|
// Make sure code styles are up to par and there are no obvious mistakes
|
|
jshint: {
|
|
options: {
|
|
jshintrc: 'public/.jshintrc',
|
|
reporter: require('jshint-stylish')
|
|
},
|
|
all: [
|
|
'public/{app,components}/**/*.js',
|
|
]
|
|
},
|
|
|
|
// Empties folders to start fresh
|
|
clean: {
|
|
build: {
|
|
files: [{
|
|
dot: true,
|
|
src: [
|
|
'.tmp',
|
|
'tmp',
|
|
'build/*',
|
|
'!build/.git*',
|
|
'!build/.openshift',
|
|
'!build/Procfile'
|
|
]
|
|
}]
|
|
}
|
|
},
|
|
// Add vendor prefixed styles
|
|
autoprefixer: {
|
|
options: {
|
|
browsers: ['last 1 version']
|
|
},
|
|
build: {
|
|
files: [{
|
|
expand: true,
|
|
cwd: '.tmp/',
|
|
src: '{,*/}*.css',
|
|
dest: '.tmp/'
|
|
}]
|
|
}
|
|
},
|
|
// Automatically inject Bower components into the app
|
|
wiredep: {
|
|
target: {
|
|
src: 'public/index.html',
|
|
ignorePath: 'public/',
|
|
exclude: ['/json3/', '/es5-shim/' ]
|
|
}
|
|
},
|
|
|
|
// Reads HTML for usemin blocks to enable smart builds that automatically
|
|
// concat, minify and revision files. Creates configurations in memory so
|
|
// additional tasks can operate on them
|
|
useminPrepare: {
|
|
html: ['public/index.html'],
|
|
options: {
|
|
dest: 'build'
|
|
}
|
|
},
|
|
|
|
// Performs rewrites based on rev and the useminPrepare configuration
|
|
usemin: {
|
|
html: ['build/{,*/}*.html'],
|
|
css: ['build/{,*/}*.css'],
|
|
js: ['build/{,*/}*.js'],
|
|
options: {
|
|
assetsDirs: [
|
|
'build',
|
|
'build/img'
|
|
],
|
|
// This is so we update image references in our ng-templates
|
|
patterns: {
|
|
js: [
|
|
[/(img\/.*?\.(?:gif|jpeg|jpg|png|webp|svg))/gm, 'Update the JS to reference our revved images']
|
|
]
|
|
}
|
|
}
|
|
},
|
|
|
|
// The following *-min tasks produce minified files in the dist folder
|
|
imagemin: {
|
|
build: {
|
|
files: [{
|
|
expand: true,
|
|
cwd: 'public/img',
|
|
src: '{,*/}*.{png,jpg,jpeg,gif}',
|
|
dest: 'build/img'
|
|
}]
|
|
}
|
|
},
|
|
|
|
svgmin: {
|
|
build: {
|
|
files: [{
|
|
expand: true,
|
|
cwd: 'public/img',
|
|
src: '{,*/}*.svg',
|
|
dest: 'build/img'
|
|
}]
|
|
}
|
|
},
|
|
|
|
// Allow the use of non-minsafe AngularJS files. Automatically makes it
|
|
// minsafe compatible so Uglify does not destroy the ng references
|
|
ngAnnotate: {
|
|
build: {
|
|
files: [{
|
|
expand: true,
|
|
cwd: '.tmp/concat',
|
|
src: '*/**.js',
|
|
dest: '.tmp/concat'
|
|
}]
|
|
}
|
|
},
|
|
|
|
// Package all the html partials into a single javascript payload
|
|
ngtemplates: {
|
|
options: {
|
|
// This should be the name of your apps angular module
|
|
module: 'warehost',
|
|
htmlmin: {
|
|
collapseBooleanAttributes: true,
|
|
collapseWhitespace: true,
|
|
removeAttributeQuotes: true,
|
|
removeEmptyAttributes: true,
|
|
removeRedundantAttributes: true,
|
|
removeScriptTypeAttributes: true,
|
|
removeStyleLinkTypeAttributes: true
|
|
},
|
|
usemin: 'app/app.js'
|
|
},
|
|
main: {
|
|
cwd: 'public',
|
|
src: ['{app,components}/**/*.html'],
|
|
dest: '.tmp/templates.js'
|
|
},
|
|
tmp: {
|
|
cwd: '.tmp',
|
|
src: ['{app,components}/**/*.html'],
|
|
dest: '.tmp/tmp-templates.js'
|
|
}
|
|
},
|
|
|
|
// Replace Google CDN references
|
|
cdnify: {
|
|
build: {
|
|
html: ['build/*.html']
|
|
}
|
|
},
|
|
|
|
// Copies remaining files to places other tasks can use
|
|
copy: {
|
|
build: {
|
|
files: [{
|
|
expand: true,
|
|
dot: true,
|
|
cwd: 'public',
|
|
dest: 'build',
|
|
src: [
|
|
'*.{ico,png,json,svg,xml}',
|
|
'.htaccess',
|
|
//'bower_components/**/*',
|
|
'img/{,*/}*.{webp}',
|
|
'fonts/**/*',
|
|
'img/*.png',
|
|
'index.html'
|
|
]
|
|
},
|
|
{
|
|
expand: true,
|
|
cwd: 'public/bower_components/leaflet/dist/images',
|
|
dest: 'build/app/images',
|
|
src: [
|
|
'*.*'
|
|
]
|
|
},
|
|
{
|
|
expand: true,
|
|
cwd: 'public/bower_components/bootstrap/fonts',
|
|
dest: 'build/fonts',
|
|
src: [
|
|
'*.*'
|
|
]
|
|
},
|
|
{
|
|
expand: true,
|
|
cwd: 'public/bower_components/font-awesome/fonts',
|
|
dest: 'build/fonts',
|
|
src: [
|
|
'*.*'
|
|
]
|
|
},
|
|
{
|
|
expand: true,
|
|
cwd: '.tmp/img',
|
|
dest: 'build/img',
|
|
src: ['generated/*']
|
|
}]
|
|
},
|
|
styles: {
|
|
expand: true,
|
|
cwd: 'public',
|
|
dest: '.tmp/',
|
|
src: ['{app,components}/**/*.css']
|
|
}
|
|
},
|
|
|
|
// Run some tasks in parallel to speed up the build process
|
|
concurrent: {
|
|
all: [
|
|
'jade',
|
|
'stylus',
|
|
'imagemin',
|
|
'svgmin'
|
|
]
|
|
},
|
|
|
|
// Compiles Jade to html
|
|
jade: {
|
|
compile: {
|
|
options: {
|
|
data: {
|
|
debug: false
|
|
}
|
|
},
|
|
files: [{
|
|
expand: true,
|
|
cwd: 'public',
|
|
src: [
|
|
'{app,components}/**/*.jade'
|
|
],
|
|
dest: '.tmp',
|
|
ext: '.html'
|
|
}]
|
|
}
|
|
},
|
|
// Compiles Stylus to CSS
|
|
stylus: {
|
|
build: {
|
|
options: {
|
|
paths: [
|
|
'public/bower_components',
|
|
'public/app',
|
|
'public/components'
|
|
],
|
|
"include css": true
|
|
},
|
|
files: {
|
|
'.tmp/app/app.css' : 'public/app/app.styl'
|
|
}
|
|
}
|
|
},
|
|
|
|
injector: {
|
|
options: {
|
|
|
|
},
|
|
// Inject application script files into index.html (doesn't include bower)
|
|
scripts: {
|
|
options: {
|
|
transform: function(filePath) {
|
|
filePath = filePath.replace('/public/', '');
|
|
filePath = filePath.replace('/.tmp/', '');
|
|
return '<script src="' + filePath + '"></script>';
|
|
},
|
|
starttag: '<!-- injector:js -->',
|
|
endtag: '<!-- endinjector -->'
|
|
},
|
|
files: {
|
|
'public/index.html': [
|
|
['{.tmp,public}/{app,components}/**/*.js',
|
|
'!{.tmp,public}/app/app.js']
|
|
]
|
|
}
|
|
},
|
|
|
|
// Inject component styl into app.styl
|
|
stylus: {
|
|
options: {
|
|
transform: function(filePath) {
|
|
filePath = filePath.replace('/public/app/', '');
|
|
filePath = filePath.replace('/public/components/', '');
|
|
return '@import \'' + filePath + '\';';
|
|
},
|
|
starttag: '// injector',
|
|
endtag: '// endinjector'
|
|
},
|
|
files: {
|
|
'public/app/app.styl': [
|
|
'public/{app,components}/**/*.styl',
|
|
'!public/app/app.styl'
|
|
]
|
|
}
|
|
},
|
|
|
|
// Inject component css into index.html
|
|
css: {
|
|
options: {
|
|
transform: function(filePath) {
|
|
filePath = filePath.replace('/public/', '');
|
|
filePath = filePath.replace('/.tmp/', '');
|
|
return '<link rel="stylesheet" href="' + filePath + '">';
|
|
},
|
|
starttag: '<!-- injector:css -->',
|
|
endtag: '<!-- endinjector -->'
|
|
},
|
|
files: {
|
|
'public/index.html': [
|
|
'public/{app,components}/**/*.css'
|
|
]
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
grunt.registerTask('serve', [
|
|
'clean:build',
|
|
'injector:stylus',
|
|
'concurrent:all',
|
|
'injector',
|
|
'wiredep',
|
|
'autoprefixer',
|
|
'connect:public',
|
|
'watch'
|
|
]);
|
|
|
|
grunt.registerTask('build', [
|
|
'newer:jshint',
|
|
'clean:build',
|
|
'injector:stylus',
|
|
'concurrent:all',
|
|
'injector',
|
|
'wiredep',
|
|
'useminPrepare',
|
|
'autoprefixer',
|
|
'ngtemplates',
|
|
'concat',
|
|
'ngAnnotate',
|
|
'copy:build',
|
|
'cssmin',
|
|
'uglify',
|
|
'usemin'
|
|
]);
|
|
|
|
grunt.registerTask('default', [
|
|
'serve'
|
|
]);
|
|
};
|