-
Notifications
You must be signed in to change notification settings - Fork 0
/
gulpfile.js
138 lines (118 loc) · 3.56 KB
/
gulpfile.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS SASS GULPFILE
----------------------------------------
*/
const autoprefixer = require('autoprefixer');
const autoprefixerOptions = require('./node_modules/uswds-gulp/config/browsers');
const cssnano = require('cssnano');
const gulp = require('gulp');
const mqpacker = require('css-mqpacker');
const path = require('path');
const pkg = require('./node_modules/uswds/package.json');
const postcss = require('gulp-postcss');
const rename = require('gulp-rename');
const replace = require('gulp-replace');
const sass = require('gulp-sass');
const sourcemaps = require('gulp-sourcemaps');
const uswds = require('./node_modules/uswds-gulp/config/uswds');
const pkg2 = require('./package.json');
/*
----------------------------------------
PATHS
----------------------------------------
- All paths are relative to the
project root
- Don't use a trailing `/` for path
names
----------------------------------------
*/
// Project Sass source directory
const PROJECT_SASS_SRC = './sass';
// Images destination
const IMG_DEST = './images';
// Fonts destination
const FONTS_DEST = './fonts';
// Javascript destination
const JS_DEST = './js';
// Compiled CSS destination
const CSS_DEST = './css';
// Site CSS destination
// Like the _site/assets/css directory in Jekyll, if necessary.
// If using, uncomment line 112
const SITE_CSS_DEST = './css';
/*
----------------------------------------
TASKS
----------------------------------------
*/
gulp.task('copy-uswds-setup', () => {
return gulp.src(`${uswds}/scss/theme/**/**`)
.pipe(gulp.dest(`${PROJECT_SASS_SRC}`));
});
gulp.task('copy-uswds-fonts', () => {
return gulp.src(`${uswds}/fonts/**/**`)
.pipe(gulp.dest('assets/fonts'));
});
gulp.task('copy-uswds-images', () => {
return gulp.src(`${uswds}/img/**/**`)
.pipe(gulp.dest('assets/img'));
});
gulp.task('copy-uswds-js', () => {
return gulp.src(`${uswds}/js/**/**`)
.pipe(gulp.dest('assets/js'));
});
gulp.task('build-sass', function(done) {
var plugins = [
// Autoprefix
autoprefixer(autoprefixerOptions),
// Pack media queries
mqpacker({ sort: true }),
// Minify
cssnano(({ autoprefixer: { browsers: autoprefixerOptions }}))
];
return gulp.src([
`${PROJECT_SASS_SRC}/*.scss`
])
.pipe(sourcemaps.init({ largeFile: true }))
.pipe(sass({
includePaths: [
`${PROJECT_SASS_SRC}`,
`${uswds}/scss`,
`${uswds}/scss/packages`,
]
}))
.pipe(replace(
/\buswds @version\b/g,
'based on uswds v' + pkg.version
))
.pipe(postcss(plugins))
.pipe(sourcemaps.write('.'))
// uncomment the next line if necessary for Jekyll to build properly
//.pipe(gulp.dest(`${SITE_CSS_DEST}`))
.pipe(gulp.dest(`${CSS_DEST}`));
});
gulp.task('init', gulp.series(
'copy-uswds-setup',
'copy-uswds-fonts',
'copy-uswds-images',
'copy-uswds-js',
'build-sass',
));
gulp.task('watch-sass', function () {
gulp.watch(`${PROJECT_SASS_SRC}/**/*.scss`, gulp.series('build-sass'));
});
gulp.task('watch', gulp.series('build-sass', 'watch-sass'));
gulp.task('default', gulp.series('watch'));
gulp.task('play', function(done) {
console.log("foooooo");
console.log(pkg2.fred);
done();
});