var path = require('path'); var gulp = require('gulp'); var gutil = require('gulp-util'); var wrap = require('gulp-wrap'); var concat = require('gulp-concat'); var extend = require('gulp-extend'); var fs = require('fs'); var merge = require('merge-stream'); var del = require('del'); var webpack = require('webpack'); var WebpackDevServer = require('webpack-dev-server'); // Configuration var srcDir = './client' var buildDir = './services/nginx/static'; var langs = ['es', 'en']; var modules = require('./spliting/modules.json'); var webpackConfig = require('./webpack.config.js'); // Clean gulp.task('clean', function() { return del(`${buildDir}/*`, {force: true}); }); // Spliting var splitingFiles = './spliting/*'; gulp.task('spliting', function() { var importTpl = fs.readFileSync('./spliting/import.tpl.js', 'utf8'); var requireTpl = fs.readFileSync('./spliting/require.tpl.js', 'utf8'); for(var modName in modules) { var deps = modules[modName]; var splitFile = `${srcDir}/${modName}/src/spliting.js`; try { fs.unlinkSync(splitFile); } catch(e) {} fs.appendFileSync(splitFile, importTpl); var i = deps.length; while(i--) fs.appendFileSync(splitFile, requireTpl.replace(/\$module/g, deps[i])); } }); // Webpack gulp.task('webpack', ['spliting'], function(callback) { var configCopy = Object.create(webpackConfig); var compiler = webpack(configCopy); compiler.run(function(err, stats) { if (err) throw new gutil.PluginError('webpack', err); gutil.log('[webpack]', stats.toString({colors: true})); callback(); }); }); gulp.task('webpack-dev-server', ['spliting'], function(callback) { var configCopy = Object.create(webpackConfig); for (var entry in configCopy.entry) configCopy.entry[entry] .unshift('webpack-dev-server/client?http://0.0.0.0:8081/'); var compiler = webpack(configCopy); var devServer = new WebpackDevServer(compiler, { publicPath: '/', contentBase: buildDir, quiet: false, noInfo: false, // hot: true, stats: { assets: true, colors: true, version: false, hash: false, timings: true, chunks: false, chunkModules: false } }) .listen(8081, '0.0.0.0', function(err) { if (err) throw new gutil.PluginError('webpack-dev-server', err); gutil.log('[webpack-dev-server]', 'Listening'); }); }); // Locale var localeFiles = `./${srcDir}/**/locale/*.json`; gulp.task('locales', function() { var streams = []; for(var mod in modules) for(var lang of langs) { var localeFiles = `./client/${mod}/**/locale/${lang}.json`; streams.push(gulp.src(localeFiles) .pipe(extend(`${lang}.json`)) .pipe(gulp.dest(`${buildDir}/locale/${mod}`))); } return merge(streams); }); // Routes var routeFiles = `./${srcDir}/**/routes.js`; gulp.task('routes', function() { var fileTpl = '\n"<%=dirname%>": <%=contents%>'; var globalTpl = 'var routes = {<%=contents%>\n}'; var regex = new RegExp('^(.*)/routes\.js$'); function cb(file) { var relative = file.relative.replace(/\\/g, '/'); var dirname = relative.match(regex)[1]; return {dirname: dirname}; } return gulp.src(routeFiles) .pipe(wrap(fileTpl, cb)) .pipe(concat('routes.js', {newLine: ','})) .pipe(wrap(globalTpl)) .pipe(gulp.dest(buildDir)); }); // Watch gulp.task('watch', function() { gulp.watch(splitingFiles, ['spliting']); gulp.watch(routeFiles, ['routes']); gulp.watch(localeFiles, ['locales']); }); // Default gulp.task('build', ['clean'], function() { return gulp.start('routes', 'locales', 'webpack'); }); gulp.task('default', ['clean'], function() { return gulp.start('watch', 'routes', 'locales', 'webpack-dev-server'); });