generator-globeproject/app/templates/gulp/tasks/webpack.js

Yeoman generator

var gulp            = require('gulp');
var webpack         = require('gulp-webpack');
var webpackPlugins  = require('gulp-webpack/node_modules/webpack');
var rename          = require('gulp-rename');
var browserSync     = require('browser-sync');
var config          = require('../config');
var path            = require('path');
var util            = require('gulp-util');

gulp.task('webpack', function() {

	var isProd = config.getUserChoice('packageToJpt');
	var graphic = config.getUserChoice('graphic');

	var plugins = [
		new webpackPlugins.ResolverPlugin(
			new webpackPlugins.ResolverPlugin.DirectoryDescriptionFilePlugin('bower.json', ['main'])
		)
	];

	if (isProd) {
		plugins.push(new webpackPlugins.optimize.UglifyJsPlugin());
		plugins.push(new webpackPlugins.DefinePlugin({
			'process.env': {
				NODE_ENV: JSON.stringify('production')
			}
		}));
	}

	return gulp.src(config.baseDir() + '/js/entry.js')
		.pipe(webpack({
			watch: !isProd,
			externals: {
				jquery: 'jQuery',
				lodash: '_'
			},
			module: {
				loaders: [
					{ test: /\.json$/, loader: 'json-loader' },
					{ test: /\.jsx$/, loader: 'jsx-loader' },
					{ test: /\.css$/, loader: 'style-loader!css-loader' },
					{ test: /\.csv?$/, loader: 'dsv-loader' },
					{ test: /\.js$/, exclude: /node_modules|templates\.js/, loader: 'babel-loader'}
				]
			},
			plugins: plugins,
			resolve: {
				root: [path.join(__dirname, '../../libs')]
			}
		}))
		.pipe(rename('bundle.js'))
		.pipe(gulp.dest('.tmp', {cwd: config.baseDir()}))
		.pipe(!isProd ? browserSync.reload({stream:true}) : util.noop());
});