Webpack bundler

.gitignore

@@ -6,3 +6,4 @@ npm-debug.log
 enduro_secret.json
 /testfolder
 /t
+/.vscode

libs/actions/start.js

@@ -7,6 +7,7 @@ const action = function () {}
 const enduro_server = require(enduro.enduro_path + '/libs/enduro_server/enduro_server')
 
 action.prototype.action = function () {
+	enduro.config.webpackmode_prod = true;
 	return enduro_server.run()
 }
 

libs/build_tools/gulp_tasks.js

@@ -28,9 +28,9 @@ const event_hooks = require(enduro.enduro_path + '/libs/external_links/event_hoo
 const pagelist_generator = require(enduro.enduro_path + '/libs/build_tools/pagelist_generator').init(gulp)
 const assets_copier = require(enduro.enduro_path + '/libs/build_tools/assets_copier').init(gulp, browser_sync)
 const assets_copier_watch = require(enduro.enduro_path + '/libs/build_tools/assets_copier').watch(gulp, browser_sync)
-const js_handler = require(enduro.enduro_path + '/libs/build_tools/js_handler').init(gulp, browser_sync)
+const js_webpack_handler = require(enduro.enduro_path + '/libs/build_tools/js_webpack_handler').init(gulp, browser_sync)
 const css_handler = require(enduro.enduro_path + '/libs/build_tools/css_handler').init(gulp, browser_sync)
-const sprite_icons = require(enduro.enduro_path + '/libs/build_tools/sprite_icons').init(gulp, browser_sync)
+// const sprite_icons = require(enduro.enduro_path + '/libs/build_tools/sprite_icons').init(gulp, browser_sync)
 
 gulp.enduro_refresh = function (callback) {
 	logger.log('Refresh', true, 'enduro_render_events')
@@ -108,7 +108,7 @@ function browsersync_start (norefresh) {
 	if (!enduro.flags.nowatch) {
 
 		// Watch for any js changes
-		watch([enduro.project_path + '/assets/js/**/*.js'], () => { gulp.start(js_handler) })
+		watch([enduro.project_path + '/assets/js/**/*.js'], () => { gulp.start(js_webpack_handler) })
 
 		// Watch for sass or less changes
 		watch(
@@ -231,7 +231,7 @@ gulp.task('preproduction', ['iconfont', 'png_sprites', pagelist_generator])
 // * 	Production Task
 // *	No browser_sync, no watching for anything
 // * ———————————————————————————————————————————————————————— * //
-gulp.task('production', [js_handler, css_handler, 'hbs_templates', assets_copier, 'hbs_helpers'])
+gulp.task('production', [js_webpack_handler, css_handler, 'hbs_templates', assets_copier, 'hbs_helpers'])
 
 // * ———————————————————————————————————————————————————————— * //
 // * 	Default Task

libs/build_tools/js_webpack_handler.js

@@ -0,0 +1,53 @@
+// * ———————————————————————————————————————————————————————— * //
+// * 	JS Task
+// *	Transpile ES6 to JS
+// * ———————————————————————————————————————————————————————— * //
+const js_webpack_handler = function () {}
+// * ———————————————————————————————————————————————————————— * //
+// * 	JS Task
+// *	Transpile ES6 to JS
+// * ———————————————————————————————————————————————————————— * //
+// Gulp imports
+
+// const del = require('del');
+const webpackStream = require('webpack-stream');
+
+// * vendor dependencies
+const Promise = require('bluebird')
+const fs = Promise.promisifyAll(require('fs-extra'))
+
+// * enduro dependencies
+const logger = require(enduro.enduro_path + '/libs/logger')
+
+js_webpack_handler.prototype.init = function(gulp, browser_sync) {
+
+  // stores task name
+  const js_webpack_handler_task_name = 'webpack';
+  gulp.task(js_webpack_handler_task_name, function() {
+    logger.timestamp('JS compiling started', 'enduro_events');
+    const build_folder = enduro.project_path + '/' + enduro.config.build_folder;
+    const webpackConfig = require("./webpack.config.js");
+    if(enduro.config.webpackmode_prod) webpackConfig.mode = "production"
+
+    return gulp.src([
+      enduro.project_path + '/assets/js/*.js',
+      '!' + enduro.project_path + '/assets/js/*.min.js',
+      '!' + enduro.project_path + '/assets/js/handlebars.js'
+    ])
+      .pipe(webpackStream(webpackConfig))
+      .on('error', function(err) {
+        logger.err_blockStart('JS error')
+        logger.err(err.message)
+        logger.err_blockEnd()
+        this.emit('end')
+      })
+      .pipe(gulp.dest(build_folder + '/assets/js'))
+      .pipe(browser_sync.stream())
+      .on('end', () => {
+          logger.timestamp('JS compiling finished', 'enduro_events')
+        })
+    });
+  return js_webpack_handler_task_name;
+}
+
+module.exports = new js_webpack_handler();

libs/build_tools/webpack.config.js

@@ -0,0 +1,18 @@
+
+module.exports = {
+ mode: 'development',
+ output: {'filename': '[name].js'},
+ devtool: '#cheap-module-source-map',
+ module: {
+   rules: [
+     {
+       test: /\.js?$/,
+       exclude: /(node_modules|bower_components)/,
+       loader: 'babel-loader',
+       options: {
+         presets: ['env']
+       }
+     }
+   ]
+ }
+};