85 lines
2.1 KiB
JavaScript
85 lines
2.1 KiB
JavaScript
'use strict';
|
|
|
|
var gulp = require('gulp');
|
|
var util = require('util');
|
|
var path = require('path');
|
|
var immutable = require('immutable');
|
|
var gulpWebpack = require('gulp-webpack');
|
|
var webpack = require('webpack');
|
|
var sourcemaps = require('gulp-sourcemaps');
|
|
var exec = require('child_process').execSync;
|
|
var sass = require('gulp-sass');
|
|
var cleancss = require('gulp-clean-css');
|
|
var csscomb = require('gulp-csscomb');
|
|
var rename = require('gulp-rename');
|
|
var autoprefixer = require('gulp-autoprefixer');
|
|
var pwd = exec('pwd').toString();
|
|
|
|
// configure the paths
|
|
var watch_dir = './scss/**/*.scss';
|
|
var src_dir = './scss/*.scss';
|
|
var dest_dir = './assets';
|
|
|
|
var paths = {
|
|
source: src_dir
|
|
};
|
|
|
|
var plugins = {};
|
|
var base = immutable.fromJS(require('./webpack.conf.js'));
|
|
var options = {
|
|
prod: base.mergeDeep({
|
|
devtool: 'source-map',
|
|
optimization: {minimize: true},
|
|
plugins: [
|
|
new webpack.DefinePlugin({
|
|
'process.env': { NODE_ENV: '"production"' }
|
|
}),
|
|
new webpack.ProvidePlugin(plugins)
|
|
],
|
|
output: {
|
|
filename: 'form.min.js'
|
|
}
|
|
})
|
|
};
|
|
|
|
// var compileJS = function(watch) {
|
|
// var prodOpts = options.prod.set('watch', watch);
|
|
//
|
|
// return gulp.src('app/main.js')
|
|
// .pipe(gulpWebpack(prodOpts.toJS()))
|
|
// .pipe(gulp.dest('assets/'));
|
|
// };
|
|
|
|
var compileCSS = function() {
|
|
return gulp.src(paths.source)
|
|
.pipe(sourcemaps.init())
|
|
.pipe(sass({outputStyle: 'compact', precision: 10})
|
|
.on('error', sass.logError)
|
|
)
|
|
.pipe(sourcemaps.write())
|
|
.pipe(autoprefixer())
|
|
.pipe(gulp.dest(dest_dir))
|
|
.pipe(csscomb())
|
|
.pipe(cleancss())
|
|
.pipe(rename({
|
|
suffix: '.min'
|
|
}))
|
|
.pipe(gulp.dest(dest_dir));
|
|
};
|
|
|
|
// gulp.task('js', function() {
|
|
// compileJS(false);
|
|
// });
|
|
|
|
gulp.task('css', function() {
|
|
compileCSS();
|
|
});
|
|
|
|
gulp.task('watch', function() {
|
|
gulp.watch(watch_dir, ['css']);
|
|
// compileJS(true);
|
|
});
|
|
|
|
gulp.task('all', ['css']);
|
|
gulp.task('default', ['all']);
|