-
Notifications
You must be signed in to change notification settings - Fork 1
/
gulpfile.js
118 lines (96 loc) · 3.14 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
'use strict';
var config = require('./gulp-settings.json');
var gulp = require('gulp');
var gutil = require('gulp-util');
var $ = require('gulp-load-plugins')();
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var fs = require('fs');
//only needed to genereate font mappings for md-icons (currently manually)
//var prefix = require('gulp-autoprefixer');
//var cssCodepoints = require('css-codepoints');
//var vfs = require('vinyl-fs');
//var converter = require('sass-convert');
var PROJECT_ROOT = __dirname;
var PROJECT_PATH = {
'sass': PROJECT_ROOT + '/django-slick-admin-styles/sass',
//'sass': PROJECT_ROOT + '/node_modules/django-slick-admin-styles/sass',
'css': PROJECT_ROOT + '/django_slick_admin/static/django_slick_admin/css'
};
var PROJECT_SASS_SRC = [
PROJECT_PATH.sass + '/django-slick-admin.sass',
PROJECT_PATH.sass + '/cms-styles.sass'
];
var AUTOPREFIXER_BROWSERS = [
'ie >= 10',
'ie_mob >= 10',
'ff >= 30',
'chrome >= 34',
'safari >= 7',
'opera >= 23',
'ios >= 7',
'android >= 4.4'
];
//only needed to genereate font mappings for md-icons (currently manually)
/*
var cssCodepoints = require('css-codepoints');
var codepoints = JSON.parse(fs.readFileSync('./django_slick_admin/tools/codepoints.json'));
var css = cssCodepoints({
fontFamily: 'MaterialIcons-Regular',
prefix: '',
formats: {
'woff2': '../fonts/MaterialIcons-Regular.woff2',
'woff': '../fonts/MaterialIcons-Regular.woff',
'truetype': '../fonts/MaterialIcons-Regular.ttf',
'svg': '../fonts/MaterialIcons-Regular.svg',
'embedded-opentype': '../fonts/MaterialIcons-Regular.eot'
},
icons: codepoints.icons
});
fs.writeFileSync('./django_slick_admin/tools/codepoints_generated.css', css);
*/
gulp.task('proxy', ['styles'], function () {
browserSync.init({
notify: false,
port: config.local_port,
host: config.hostname,
//open: "external",
open: false,
proxy: {
target: "127.0.0.1:" + config.proxy_port
},
ui: {
port: config.local_port + 1,
weinre: {
port: config.local_port + 2
}
}
});
gulp.watch(PROJECT_PATH.sass + '/**/*.sass', ['styles']);
});
gulp.task('styles', function () {
return gulp.src(PROJECT_SASS_SRC)
.pipe($.sourcemaps.init())
.pipe($.sass({
precision: 10
}))
.pipe($.autoprefixer({browsers: AUTOPREFIXER_BROWSERS}))
.pipe($.sourcemaps.write())
.pipe(gulp.dest(PROJECT_PATH.css))
.pipe(browserSync.stream({match: '**/*.css'}))
.pipe($.size({title: 'stylesheet size:'}));
});
gulp.task('dist', function () {
return gulp.src(PROJECT_SASS_SRC)
.pipe($.sass({
outputStyle: 'compressed',
sourceComments: false,
precision: 10
}))
.pipe($.autoprefixer({browsers: AUTOPREFIXER_BROWSERS}))
.pipe($.stripCssComments({}))
.pipe(gulp.dest(PROJECT_PATH.css))
.pipe($.size({title: 'stylesheet size:'}));
});
gulp.task('default', ['proxy']);
gulp.task('watch', ['proxy']);