Stripped down to a wp2 base.

.babelrc

@@ -1,4 +1,12 @@
 {
-	"presets": ["es2015"],
-	"plugins": ["transform-object-rest-spread"]
-}
+	"presets": [
+		["env", {
+			"targets": {
+				"browsers": ["last 2 versions"]
+			},
+		}]
+	],
+	"plugins": [
+		["transform-object-rest-spread"],
+	],
+}

.editorconfig

@@ -8,7 +8,7 @@ charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 
-[*.jade]
+[*.pug]
 trim_trailing_whitespace = false
 indent_style = tab
 

.eslintignore

@@ -1,2 +1 @@
 bin
-*webpack*.js

.gitignore

@@ -1,6 +1,5 @@
 # Build Artifacts
 bin
-docs
 
 # Dependencies
 node_modules

package.json

@@ -1,53 +1,41 @@
 {
   "name": "browser-base",
-  "version": "0.5.0",
+  "version": "1.0.0",
   "repository": "c-dante/browser-base",
   "scripts": {
-    "compiler": "node ./build",
+    "build": "rm -rf bin && ./node_modules/webpack/bin/webpack.js",
     "aws-deploy": "aws s3 sync --acl public-read --delete ./bin",
     "linter": "./node_modules/eslint/bin/eslint.js --fix src/ test/",
     "server": "./node_modules/webpack-dev-server/bin/webpack-dev-server.js --hot --inline --progress",
-    "test": "./node_modules/mocha/bin/mocha --compilers js:babel-register src/**/*.spec.js",
-    "web-test": "./node_modules/webpack-dev-server/bin/webpack-dev-server.js \"mocha!../test/allTests.js\" --target web --output-file test.bundle.js --hot --inline --progress --port 8081"
-  },
-  "config": {
-    "ghooks": {
-      "pre-commit": "npm run linter"
-    }
-  },
-  "dependencies": {
-    "normalize.css": "^4.2.0"
+    "test": "./node_modules/mocha/bin/mocha --compilers js:babel-register src/**/*.spec.js"
   },
+  "dependencies": {},
   "devDependencies": {
-    "autoprefixer": "^6.3.3",
+    "autoprefixer": "^6.7.2",
+    "babel-cli": "^6.18.0",
     "babel-core": "^6.7.2",
-    "babel-loader": "^6.2.4",
+    "babel-loader": "^6.2.10",
     "babel-plugin-transform-object-rest-spread": "^6.8.0",
-    "babel-preset-es2015": "^6.6.0",
+    "babel-preset-env": "^1.1.6",
     "babel-register": "^6.7.2",
     "chai": "^3.5.0",
-    "css-loader": "^0.23.1",
-    "cssnano": "^3.8.1",
-    "eslint": "^2.4.0",
-    "eslint-config-airbnb": "^9.0.1",
-    "eslint-import-resolver-webpack": "^0.5.1",
-    "eslint-plugin-import": "^1.14.0",
-    "file-loader": "^0.8.5",
-    "ghooks": "^1.3.2",
-    "html-loader": "^0.4.3",
-    "jade": "^1.11.0",
-    "jade-html-loader": "0.0.3",
-    "merge-dirs": "^0.2.1",
-    "mocha": "^2.4.5",
-    "mocha-loader": "^0.7.1",
-    "node-sass": "^3.8.0",
-    "postcss-loader": "^0.8.2",
-    "pre-commit": "^1.1.2",
-    "raw-loader": "^0.5.1",
-    "sass-loader": "^4.0.0",
-    "style-loader": "^0.13.0",
-    "webpack": "^1.12.14",
-    "webpack-dev-server": "^1.14.1"
+    "css-loader": "^0.26.1",
+    "eslint": "^3.13.0",
+    "eslint-config-airbnb": "^13.0.0",
+    "eslint-plugin-import": "^2.2.0",
+    "extract-loader": "^0.1.0",
+    "file-loader": "^0.10.0",
+    "html-loader": "^0.4.4",
+    "mocha": "^3.2.0",
+    "node-sass": "^4.5.0",
+    "postcss-loader": "^1.2.2",
+    "pug": "^2.0.0-beta11",
+    "pug-html-loader": "^1.1.0",
+    "pug-loader": "^2.3.0",
+    "sass-loader": "^5.0.0",
+    "style-loader": "^0.13.1",
+    "webpack": "^2.2.1",
+    "webpack-dev-server": "^2.3.0"
   },
   "engines": {
     "node": ">=5.0.0"

postcss.config.js

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

src/_variables.scss

@@ -1,4 +1,2 @@
-
 $color: #222;
 $font-size: 16px;
-

src/index.jade → src/index.pug

@@ -1,7 +1,7 @@
-doctype html
-html(lang='en')
+doctype
+html(lang="en")
 	head
-		meta(charset='UTF-8')
+		meta(charset="UTF-8")
 		title Demo Page
 		link(
 			rel="stylesheet"
@@ -17,7 +17,7 @@ html(lang='en')
 		h1.hidden.content-loading Loading...
 
 		script(
-			src="app.bundle.js",
-			async="true",
+			src="app.bundle.js"
+			async="true"
 			defer="true"
 		)

src/index.scss

@@ -1,7 +1,6 @@
 // This file is loaded with the page
 // Use it to put base styles and resets in
 
-@import "~normalize.css";
 @import "variables";
 
 @import url('https://fonts.googleapis.com/css?family=Open+Sans');

src/main.js

@@ -1,11 +1,8 @@
 import './main.scss';
-import env from 'environment';
-
-
-console.debug('Hello world', env);
-
-
-
-
-
+import mainTpl from './main.tpl.pug';
 
+document.querySelector('body').innerHTML = mainTpl({
+	x: 10,
+	y: [1, 2, 3],
+	z: 'Words'
+});

src/main.scss

@@ -3,4 +3,3 @@
 .hidden {
 	display: none;
 }
-

src/main.tpl.pug

@@ -0,0 +1,7 @@
+h1 Loaded pug file I guess
+p so there, #{z}.
+
+each n in y
+	span #{x * n}
+	| , 
+span END