Adding initial file structure, configs, npm scripts, etc.

mihailgaberov · mihailgaberov · commit 3ccc0c9c6bd8 · 2017-03-05T11:52:43.000+01:00
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,3 @@
+{
+  "presets": ["es2015"]
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "bingo-blower",
+  "version": "1.0.0",
+  "description": "POC for a Bingo blower component with nice animations created with CreateJS.",
+  "main": "index.js",
+  "scripts": {
+    "prestart": "babel-node tools/start-message.js",
+    "start": "npm-run-all --parallel test:watch open:src lint:watch",
+    "open:src": "babel-node tools/srcServer.js",
+    "lint": "node_modules/.bin/esw webpack.config.* src tools",
+    "lint:watch": "npm run lint -- --watch",
+    "test": "mocha --reporter spec tools/testSetup.js \"src/**/*.test.js\"",
+    "test:watch": "npm run test -- --watch",
+    "clean-dist": "npm run remove-dist && mkdir dist",
+    "remove-dist": "node_modules/.bin/rimraf ./dist",
+    "build:html": "babel-node tools/buildHtml.js",
+    "prebuild": "npm-run-all clean-dist test lint build:html",
+    "build": "babel-node tools/build.js",
+    "postbuild": "babel-node tools/distServer.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mihailgaberov/bingo-blower.git"
+  },
+  "keywords": [
+    "bingo",
+    "game",
+    "blower",
+    "animation",
+    "es6",
+    "javascript"
+  ],
+  "author": "Mihail Gaberov",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/mihailgaberov/bingo-blower/issues"
+  },
+  "homepage": "https://github.com/mihailgaberov/bingo-blower#readme",
+  "devDependencies": {
+    "babel-preset-es2015": "6.6.0",
+    "colors": "^1.1.2",
+    "path": "^0.12.7",
+    "webpack": "^2.2.1"
+  }
+}
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Bingo Blower</title>
+</head>
+<body>
+	<div id="app"></div>
+	<script src="/bundle.js"></script>
+</body>
+</html>
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,4 @@
+/**
+ * Created by Mihail on 3/5/2017.
+ */
+console.log('It works!');
diff --git a/src/styles/styles.css b/src/styles/styles.css
diff --git a/tools/src-server.js b/tools/src-server.js
@@ -0,0 +1,25 @@
+/**
+ * Created by Mihail on 3/5/2017.
+ */
+import express from 'express';
+import webpack from 'webpack';
+import path from 'path';
+import config from '../webpack.config.js';
+import open from 'open';
+
+const port = 3000;
+const app = express();
+const compiler = webpack(config);
+
+
+app.get('*', function(req, res) {
+  res.sendFile(path.join( __dirname, '../src/index.html'));
+});
+
+app.listen(port, function(err) {
+  if (err) {
+    console.log(err);
+  } else {
+    open(`http://localhost:${port}`);
+  }
+});
diff --git a/tools/start-message.js b/tools/start-message.js
@@ -0,0 +1,6 @@
+/**
+ * Created by Mihail on 3/5/2017.
+ */
+import colors from 'colors'
+
+console.log('Starting app in dev mode...' .green)
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,31 @@
+import webpack from 'webpack';
+
+export default {
+  debug: true,
+  noInfo: false,
+  entry: [
+    path.resolve(__dirname, 'src/index')
+  ],
+  target: 'web',
+  output: {
+    path: __dirname + '/dist', // Note: Physical files are only output by the production build task `npm run build`.
+    publicPath: '/',
+    filename: 'bundle.js'
+  },
+  devServer: {
+    contentBase: path.resolve(__dirname, 'src')
+  },
+  module: {
+    loaders: [
+      {test: /\.js$/, include: path.join(__dirname, 'src'), loaders: ['babel']},
+      {test: /(\.css)$/, loaders: ['style', 'css']}
+    ]
+  },
+  externals: {
+    // Include createjs script on your page, then add the below.
+    // The left hand side represents the global module that gets exposed to your ES6 code
+    // The right hand side represents the object that is exposed/imported from your externally referenced script.
+
+    "createjs": "createjs"
+  }
+};
