chore: set up enviroment

Still a WIP but most of the main pieces are now in place.

Author: skipjack

.babelrc

@@ -0,0 +1,10 @@
+{
+  "presets": [
+    "es2015",
+    "react"
+  ],
+  
+  "plugins": [
+    "transform-object-rest-spread"
+  ]
+}

.editorconfig

@@ -0,0 +1,13 @@
+# Top-most EditorConfig file
+root = true
+
+# 4 space indentation
+[*.{js,jsx,scss}]
+charset = utf-8
+indent_style = space
+indent_size = 4
+
+# Format Config
+[{package.json,.editorconfig,.babelrc,.eslintrc}]
+indent_style = space
+indent_size = 2

.eslintrc

@@ -0,0 +1,23 @@
+{
+  "root": true,
+  "extends": "eslint:recommended",
+  "parser": "babel-eslint",
+
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+
+  "plugins": [
+    "react"
+  ],
+
+  "rules": {
+    "no-undef": 2,
+    "no-unreachable": 2,
+    "no-unused-vars": 0,
+    "no-console": 0,
+    "semi": [ "error", "always" ]
+  }
+}

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

.postcssrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+    plugins: [
+        require('autoprefixer')
+    ]
+}

package.json

@@ -0,0 +1,54 @@
+{
+  "name": "webpack.vote",
+  "version": "0.1.0",
+  "description": "An application for casting votes on new webpack features and fixes.",
+  "main": "dist/app.min.js",
+  "scripts": {
+    "start": "webpack-dev-server --config webpack.dev.babel.js --env.dev",
+    "build": "webpack --config webpack.dist.babel.js",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/webpack-contrib/voting-app.git"
+  },
+  "keywords": [
+    "webpack",
+    "vote",
+    "voting"
+  ],
+  "author": "Greg Venech",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/webpack-contrib/voting-app/issues"
+  },
+  "homepage": "https://github.com/webpack-contrib/voting-app#readme",
+  "devDependencies": {
+    "autoprefixer": "^6.7.7",
+    "babel-core": "^6.24.1",
+    "babel-eslint": "^7.2.2",
+    "babel-loader": "^6.4.1",
+    "babel-plugin-transform-object-rest-spread": "^6.23.0",
+    "babel-preset-es2015": "^6.24.1",
+    "babel-preset-react": "^6.24.1",
+    "css-loader": "^0.28.0",
+    "eslint": "^3.19.0",
+    "eslint-loader": "^1.7.1",
+    "eslint-plugin-react": "^6.10.3",
+    "file-loader": "^0.11.1",
+    "html-webpack-plugin": "^2.28.0",
+    "html-webpack-template": "^6.0.1",
+    "image-webpack-loader": "^2.0.0",
+    "node-sass": "^4.5.2",
+    "postcss-loader": "^1.3.3",
+    "sass-loader": "^6.0.3",
+    "style-loader": "^0.16.1",
+    "webpack": "^2.4.1",
+    "webpack-dev-server": "^2.4.2",
+    "webpack-merge": "^4.1.0"
+  },
+  "dependencies": {
+    "react": "^15.5.4",
+    "react-dom": "^15.5.4"
+  }
+}

webpack.common.babel.js

@@ -0,0 +1,72 @@
+import Path from 'path'
+import Webpack from 'webpack'
+
+export default (env = {}) => ({
+    context: Path.resolve(__dirname, './src'),
+    entry: {
+        index: './app.jsx'
+    },
+
+    resolve: {
+        symlinks: false,
+        extensions: [ '.js', '.jsx', '.scss' ],
+        alias: {
+            Components: Path.resolve(__dirname, './src/components'),
+            Utils: Path.resolve(__dirname, './src/utils')
+        }
+    },
+
+    module: {
+        rules: [
+            {
+                test: /\.jsx?$/,
+                exclude: /node_modules/,
+                use: [
+                    'babel-loader', 
+                    {
+                        loader: 'eslint-loader',
+                        options: {
+                            fix: true,
+                            configFile: Path.resolve(__dirname, './.eslintrc')
+                        }
+                    }
+                ]
+            },
+            {
+                test: /\.s?css$/,
+                use: [
+                    'style-loader', 
+                    'css-loader', 
+                    'postcss-loader', 
+                    {
+                        loader: 'sass-loader',
+                        options: {
+                            includePaths: [
+                                Path.resolve(__dirname, './src/utils/scss') 
+                            ]
+                        }
+                    }
+                ]
+            },
+            {
+                test: /\.(jpg|png|svg)$/,
+                use: [
+                    'file-loader',
+                    'image-webpack-loader'
+                ]
+            }
+        ]
+    },
+
+    plugins: [
+        new Webpack.DefinePlugin({
+            'process.env.NODE_ENV': env.dev ? `'development'` : `'production'` 
+        })
+    ],
+
+    output: {
+        path: Path.resolve(__dirname, './dist'),
+        publicPath: '/',
+        filename: 'app.min.js'
+    }
+})

webpack.dev.babel.js

@@ -0,0 +1,33 @@
+import Path from 'path'
+import Webpack from 'webpack'
+import HTMLPlugin from 'html-webpack-plugin'
+import HTMLTemplate from 'html-webpack-template'
+import Merge from 'webpack-merge'
+
+import CommonConfig from './webpack.common.babel.js'
+
+export default env => Merge(CommonConfig(env), {
+    devtool: 'source-map',
+
+    plugins: [
+        new HTMLPlugin({
+            inject: false,
+            template: HTMLTemplate,
+
+            title: 'Webpack | Vote (Development Mode)',
+            appMountId: 'root',
+            mobile: true,
+            favicon: './favicon.ico'
+        }),
+
+        new Webpack.HotModuleReplacementPlugin()
+    ],
+
+    devServer: {
+        port: 3030,
+        inline: true,
+        compress: true,
+        historyApiFallback: true,
+        contentBase: Path.resolve(__dirname, './dist')
+    }
+})

webpack.dist.babel.js

@@ -0,0 +1,13 @@
+import Path from 'path'
+import Webpack from 'webpack'
+import Merge from 'webpack-merge'
+
+import CommonConfig from './webpack.common.babel.js'
+
+export default env => Merge(CommonConfig(env), {
+    plugins: [
+        new Webpack.optimize.UglifyJsPlugin({
+            comments: false
+        })
+    ]
+})