Newer
Older
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
'use strict';
var watchify = require('watchify');
var browserify = require('browserify');
var assign = require('lodash.assign');
var gulp = require('gulp');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var uglify = require('gulp-uglify-es').default;
var gettext = require('gulp-gettext');
var postcss = require('gulp-postcss');
var sourcemaps = require('gulp-sourcemaps');
var sass = require('gulp-sass');
var autoprefixer = require('autoprefixer');
// This guy requires gulp-cli
var log = require('gulplog');
var sassOptions = {
errLogToConsole: true,
outputStyle: 'expanded',
};
var sassProdOptions = {
errLogToConsole: true,
outputStyle: 'compressed',
};
var apOptions = {
browsers: ['last 2 versions', 'ie >= 9']
};
// add custom browserify options here
var browserifyOpts = {
entries: ['portal/static/portal/js/entry.js'],
debug: true
};
var opts = assign({}, watchify.args, browserifyOpts);
var b = watchify(browserify(opts));
function bundle() {
return b.bundle()
// log errors if they happen
.on('error', log.error.bind(log, 'Browserify Error'))
.pipe(source('bundle.js'))
// optional, remove if you don't need to buffer file contents
.pipe(buffer())
// optional, remove if you dont want sourcemaps
.pipe(sourcemaps.init({loadMaps: true})) // loads map from browserify file
.pipe(sourcemaps.write('./')) // writes .map file
.pipe(gulp.dest('portal/static/portal/dist/js'));
}
gulp.task('javascript', bundle); // so you can run `gulp js` to build the file
gulp.task('javascript-prod', () => {
browserify(browserifyOpts)
.bundle()
.pipe(source('bundle.js'))
// optional, remove if you don't need to buffer file contents
.pipe(buffer())
.pipe(uglify())
.on('error', log.error.bind(log, 'Uglify Error'))
.pipe(gulp.dest('portal/static/bclq_lims/dist/js'));
});
gulp.task('sass', function() {
return gulp.src('portal/static/portal/scss/app.scss')
.pipe(sourcemaps.init())
.pipe(sass(sassOptions).on('error', sass.logError))
.pipe(postcss([autoprefixer(apOptions), require('postcss-flexbugs-fixes')]))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('portal/static/portal/dist/css'));
});
gulp.task('compile-po', () => {
gulp.src('portal/locale/fr/LC_MESSAGES/*.po')
.pipe(gettext())
.pipe(gulp.dest('portal/locale/fr/LC_MESSAGES/'))
});
gulp.task('move-css', () => {
gulp.src('node_modules/datatables.net-bs4/css/*.*')
.pipe(gulp.dest('portal/static/portal/dist/css/'));
gulp.src('node_modules/datatables.net-select-bs4/css/select.bootstrap4.min.css')
.pipe(gulp.dest('portal/static/portal/dist/css/'));
gulp.src('node_modules/dropzone/dist/min/basic.min.css')
.pipe(gulp.dest('portal/static/portal/dist/css/'));
gulp.src('node_modules/dropzone/dist/min/dropzone.min.css')
.pipe(gulp.dest('portal/static/portal/dist/css/'));
gulp.src('node_modules/tempusdominus-bootstrap-4/build/css/tempusdominus-bootstrap-4.min.css')
.pipe(gulp.dest('portal/static/portal/dist/css/'));
gulp.src('node_modules/select2/dist/css/select2.min.css')
.pipe(gulp.dest('portal/static/portal/dist/css/'));
gulp.src('node_modules/select2-bootstrap4-theme/dist/select2-bootstrap4.min.css')
.pipe(gulp.dest('portal/static/portal/dist/css/'));
});
gulp.task('move-images', function () {
return gulp.src('portal/static/portal/images/*.*')
.pipe(gulp.dest('portal/static/portal/dist/images/'));
});
gulp.task('prod', ['sass', 'move-css', 'move-images', 'javascript-prod', 'compile-po']);
gulp.task('default', ['sass', 'move-css', 'move-images', 'javascript', 'compile-po'], function() {
gulp.watch(['portal/static/portal/scss/**/*.scss'], ['sass']);
gulp.watch(['portal/locale/fr/LC_MESSAGES/django.po'], ['compile-po']);
b.on('update', bundle); // on any dep update, runs the bundler
b.on('log', log.info);
});