Release 8.0.0

.kickoff/config/webpack.config.js

@@ -5,15 +5,12 @@ const config = require('../shared/config');
 const path = require('path');
 const webpack = require('webpack');
 
-const entryPoints = {};
-entryPoints[config.js.distFile] = [`${config.js.srcDir}/${config.js.srcFile}`];
-
 let webpackConfig = {
-	entry: entryPoints,
+	entry: config.js.entryPoints,
 	output: {
 		path: `${config.js.distDir}`,
-		publicPath: `${config.js.distDir}`,
-		filename: '[name]',
+		publicPath: `${config.js.distDir}/`,
+		filename: '[name].js',
 	},
 	devServer: {
 		inline: true,
@@ -23,9 +20,9 @@ let webpackConfig = {
 	module: {
 		loaders: [
 			{
-			test: /\.js$/,
-			exclude: /node_modules/,
-			loader: 'babel',
+				test: /\.js$/,
+				exclude: /node_modules/,
+				loader: 'babel',
 			},
 		],
 	},

.kickoff/shared/config.js

@@ -2,6 +2,8 @@
  * Global Gulp vars
  * Many of the Gulp tasks use these vars. Change as much as you like :)
  */
+var pkg = require('../../package.json');
+
 
 const ConfigOptions = function() {
 	const config = this;
@@ -28,9 +30,16 @@ const ConfigOptions = function() {
 
 	// Javascript-related vars
 	config.js = {
-		srcDir: `${config.srcDir}/js`, // config.js.srcFile
+		srcDir: `${config.srcDir}/js`, // config.js.srcDir
 		srcFile: 'script.js', // config.js.srcFile
 
+		entryPoints: {
+			kickoff: `${this.srcDir}/js/script.js`,
+
+			// Create more entry-points by adding to this array, e.g.
+			// foo: `${this.srcDir}/js/bar.js`,
+		},
+
 		distDir: `${config.distDir}/js`, // config.js.distDir
 		distFile: 'kickoff.js', // config.js.distFile
 		// Renaming this changes the name of the generated JS file
@@ -50,6 +59,16 @@ const ConfigOptions = function() {
 		srcDir: `${config.srcDir}/icons`, // config.icons.srcDir
 		distDir: `${config.distDir}/img`, // config.icons.distDir
 	};
+
+
+	// Banners and info
+	config.misc = {
+		banner: `/**
+ * <%= pkg.title %> <%= pkg.version %>
+ * <%= pkg.homepage %>
+ */
+`
+	}
 };
 
 module.exports = new ConfigOptions();

.kickoff/tasks/css.js

@@ -9,6 +9,9 @@ const postcss = require('gulp-postcss');
 const sass = require('gulp-sass');
 const stylelint = require('gulp-stylelint');
 const gulpIf = require('gulp-if');
+const banner = require('gulp-banner');
+var pkg = require('../../package.json');
+
 
 // PostCSS plugins
 const reporter = require('postcss-reporter');
@@ -25,8 +28,7 @@ gulp.task('css', () => {
 
 	return gulp.src([`${config.css.scssDir}/*.scss`])
 		.pipe(
-			gulpIf(
-				process.env.TEST,
+			gulpIf(process.env.TEST,
 				stylelint({
 					reporters: [
 						{
@@ -40,8 +42,7 @@ gulp.task('css', () => {
 
 
 		.pipe(
-			gulpIf(
-				process.env.TEST,
+			gulpIf(process.env.TEST,
 				postcss([
 					bemLinter(),
 					doiuse({
@@ -51,20 +52,14 @@ gulp.task('css', () => {
 							'node_modules/**'
 						]
 					}),
-					reporter({
-						clearMessages: true,
-					})
+					reporter({ clearMessages: true })
 				],
-				{
-					syntax: scss
-				})
+				{ syntax: scss })
 			)
 		)
 
 		// Init sourcemaps
-		.pipe(
-			gulpIf(!process.env.RELEASE, sourcemaps.init())
-		)
+		.pipe( gulpIf(!process.env.RELEASE, sourcemaps.init()) )
 
 		// Sass Compilation
 		.pipe(
@@ -83,22 +78,19 @@ gulp.task('css', () => {
 
 		// Compress CSS
 		.pipe(
-		  gulpIf(
-				process.env.RELEASE === 'true',
+		  gulpIf(process.env.RELEASE === 'true',
 				postcss([
 					cssnano()
 				])
 			)
 		)
 
+		.pipe(banner(config.misc.banner, { pkg: pkg }))
+
 		// Write sourcemaps
-		.pipe(
-			gulpIf(!process.env.RELEASE, sourcemaps.write())
-		)
+		.pipe( gulpIf(!process.env.RELEASE, sourcemaps.write()) )
 
 		// Write file
-		.pipe(
-			gulp.dest(`${config.css.distDir}`)
-		);
+		.pipe( gulp.dest(`${config.css.distDir}`) );
 });
 

.kickoff/tasks/images.js

@@ -9,8 +9,6 @@ const cache = require('gulp-cached');
 
 
 gulp.task('images', () => {
-	// process.env.RELEASE = false;
-
 	return gulp.src([`${config.img.srcDir}/**/*`])
 		.pipe(
 			imagemin()

.kickoff/tasks/javascript.js

@@ -11,10 +11,10 @@ const webpackConfig = require('../config/webpack.config.js');
 
 gulp.task('javascript', () => {
 	// additional webpack config options
-	const myConfig = Object.create(webpackConfig);
+	const myConfig = webpackConfig;
 
 	// generate source maps for css and js
-	myConfig.devtool = 'source-map';
+	// myConfig.devtool = 'source-map';
 
 	// myConfig.output.publicPath = './';
 
@@ -27,7 +27,7 @@ gulp.task('javascript', () => {
 	);
 
 	// run webpack
-	webpack(myConfig, (err) => {
+	return webpack(myConfig, (err) => {
 		if (err) throw new gutil.PluginError('compile', err);
 	});
 });

.kickoff/tasks/watcher.js

@@ -7,12 +7,7 @@ const gulp = require('gulp');
 const runSequence = require('run-sequence');
 
 
-gulp.task('watcher', () => {
-
-	runSequence(
-		'compile'
-	);
-
+gulp.task('watcher', ['compile'], () => {
 	gulp.watch([`${config.css.scssDir}/**/*.scss`], ['css']);
 	gulp.watch([`${config.icons.srcDir}/**/*`], ['icons']);
 	gulp.watch([`${config.img.srcDir}/**/*`], ['images']);