-
Notifications
You must be signed in to change notification settings - Fork 0
/
Gruntfile.js
118 lines (110 loc) · 2.35 KB
/
Gruntfile.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
/*!
* Grunt file
*/
module.exports = function ( grunt ) {
grunt.loadNpmTasks( 'grunt-contrib-concat' );
grunt.loadNpmTasks( 'grunt-contrib-watch' );
grunt.loadNpmTasks( 'grunt-postcss' );
grunt.loadNpmTasks( 'grunt-stylelint' );
grunt.loadNpmTasks( 'grunt-svgmin' );
// PostCSS processors without minifier
var postCssProcessorsDev = [
require( 'postcss-import' )(),
require( 'postcss-custom-properties' )( {
preserve: false
} ),
require( 'autoprefixer' )( {
browsers: [
"Android >= 2.3",
"Chrome >= 10",
"Edge >= 12",
"Firefox >= 3.6",
"IE >= 8",
"IE_mob 11",
"iOS >= 5.1",
"Opera >= 12.5",
"Safari >= 5.1"
]
} )
];
// PostCSS processors with minifier
var postCssProcessorsMin = postCssProcessorsDev.concat( [ require( 'cssnano' )() ] );
grunt.initConfig( {
// Lint – Stylesheets
stylelint: {
src: [
'css/*.css',
'!node_modules/**'
]
},
// Postprocessing Stylesheets
postcss: {
// Output unminified compiled CSS file into `build` dir
dev: {
options: {
processors: postCssProcessorsDev
},
src: 'css/design-landing-site.css',
dest: 'css/build/design-landing-site.concat.css'
},
// Output minified compiled CSS file + src maps into `build` dir
min: {
options: {
map: {
inline: false, // save all sourcemaps as separate files...
annotation: 'css/build/' // ...to the specified directory
},
processors: postCssProcessorsMin
},
src: 'css/design-landing-site.css',
dest: 'css/build/design-landing-site.min.css'
}
},
// Image Optimization
svgmin: {
options: {
js2svg: {
pretty: true
},
plugins: [{
cleanupIDs: false
}, {
removeDesc: false
}, {
removeRasterImages: true
}, {
removeTitle: false
}, {
removeViewBox: false
}, {
removeXMLProcInst: false
}, {
sortAttrs: true
}]
},
all: {
files: [{
expand: true,
cwd: './',
src: [
'**/*.svg'
],
dest: './',
ext: '.svg'
}]
}
},
// Development
watch: {
files: [
'css/**/*.css',
'!css/build/**/*.css',
'.{stylelintrc}'
],
tasks: 'default'
}
} );
grunt.registerTask( 'lint', [ 'stylelint' ] );
grunt.registerTask( 'imagery', [ 'svgmin' ] );
grunt.registerTask( 'default', [ 'lint', 'postcss:dev', 'postcss:min' ] );
};