refactor: simplify build process to only utilize webpack

This is still very much a work in progress but essentially my plan is to use
the `webpack`, along with the following plugins, to generate the site...

- DirectoryTreePlugin: Creates a JSON representation of `src/content` for navigation and `import()`
- StaticSiteGeneratorPlugin: Creates HTML files in `/dist` for all markdown pages
- RedirectPlugin: Generates redirects in a similar manner to antwar (?)
- And then any of the standard plugins...

This rewrite also means the site would be both an SPA as well as a static
site and should make finishing the PWA ticket much easier. More to come...

Author: skipjack

.babelrc

@@ -1,9 +1,11 @@
 {
   "presets": [
-    "env",
+    ["env", { "modules": false }],
     "react"
   ],
   "plugins": [
+    "react-hot-loader/babel",
+    "syntax-dynamic-import",
     "transform-object-rest-spread",
     "transform-class-properties"
   ]

.editorconfig

@@ -6,13 +6,13 @@ root = true
 trim_trailing_whitespace = true
 insert_final_newline = true
 
-# Format All Source Files
-[*.{md,js,jsx,json,scss,hbs,*rc}]
+# Format Source Code
+[*.{md,js,jsx,json,scss,hbs}]
 charset = utf-8
 indent_style = space
 indent_size = 2
 
-# Format Any Missing Config Files
-[.eslintignore]
+# Format Configs
+[.eslintignore,*rc]
 indent_style = space
 indent_size = 2

.eslintignore

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

.eslintrc

@@ -1,7 +1,4 @@
 node_modules
 npm-debug.log
-build
-generated
-support-*.json
-starter-kits-data.json
-.antwar
+dist
+_*

.gitignore

@@ -24,20 +24,18 @@
     "node": ">=6.9"
   },
   "scripts": {
-    "start": "npm run init:generated && npm run fetch && node ./antwar.bootstrap.js develop",
-    "start-only": "node ./antwar.bootstrap.js develop",
-    "build": "npm run init:generated && npm run fetch && rm -rf build/ && node ./antwar.bootstrap.js build && npm run sitemap && echo webpack.js.org > build/CNAME",
-    "build-test": "npm run build && http-server build/",
-    "deploy": "gh-pages -d build",
+    "start": "webpack-dev-server --config webpack.dev.js --env.dev",
+    "build": "webpack --config webpack.prod.js",
     "fetch": "sh src/scripts/fetch.sh",
-    "init:generated": "mkdirp ./generated/loaders && mkdirp ./generated/plugins ",
+    "test": "npm run lint",
     "lint": "run-s lint:*",
     "lint:js": "eslint . --ext .js --ext .jsx",
     "lint:markdown": "markdownlint --config ./.markdownlint.json *.md ./src/content/**/*.md",
     "lint:social": "alex . -q",
     "lint:prose": "cp .proselintrc ~/ && proselint src/content",
-    "test": "npm run lint",
-    "sitemap": "cd build && sitemap-static --prefix=https://webpack.js.org/ > sitemap.xml"
+    "todo": "... && npm run sitemap && echo webpack.js.org > build/CNAME",
+    "sitemap": "cd dist && sitemap-static --prefix=https://webpack.js.org/ > sitemap.xml",
+    "deploy": "gh-pages -d build"
   },
   "devDependencies": {
     "alex": "^4.1.0",
@@ -49,12 +47,14 @@
     "babel-core": "^6.26.0",
     "babel-eslint": "^7.2.3",
     "babel-loader": "^7.1.2",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-preset-env": "^1.6.0",
     "babel-preset-react": "^6.24.1",
     "copy-webpack-plugin": "^4.3.0",
     "css-loader": "^0.28.5",
+    "directory-tree-webpack-plugin": "^0.2.0",
     "duplexer": "^0.1.1",
     "eslint": "4.5.0",
     "eslint-loader": "^1.9.0",
@@ -66,6 +66,7 @@
     "gh-pages": "^1.0.0",
     "github": "^10.0.0",
     "html-webpack-plugin": "^2.30.1",
+    "html-webpack-template": "^6.1.0",
     "http-server": "^0.10.0",
     "hyperlink": "^3.0.1",
     "loader-utils": "^1.1.0",
@@ -84,6 +85,7 @@
     "prism-languages": "^0.3.3",
     "prismjs": "^1.9.0",
     "raw-loader": "^0.5.1",
+    "remark-loader": "^0.3.0",
     "request": "^2.81.0",
     "sass-loader": "^6.0.6",
     "sitemap-static": "^0.4.2",
@@ -104,6 +106,7 @@
     "prop-types": "^15.5.10",
     "react": "^15.6.1",
     "react-dom": "^15.6.1",
+    "react-hot-loader": "^4.0.0-beta.12",
     "react-router": "^4.2.0",
     "react-router-dom": "^4.2.2",
     "tool-list": "^0.11.0",

antwar.bootstrap.js

@@ -0,0 +1,30 @@
+{
+  "/support": "/contribute",
+  "/writers-guide": "/contribute/writers-guide",
+  "/api/passing-a-config": "configuration-types",
+  "/guides/code-splitting-import": "/guides/code-splitting",
+  "/guides/code-splitting-require": "/guides/code-splitting",
+  "/guides/code-splitting-async": "/guides/code-splitting",
+  "/guides/code-splitting-css": "/guides/code-splitting",
+  "/guides/code-splitting-libraries": "/guides/code-splitting",
+  "/guides/why-webpack": "/comparison",
+  "/guides/production-build": "/guides/production",
+  "/get-started": "/guides/getting-started",
+  "/get-started/install-webpack": "/guides/installation",
+  "/get-started/why-webpack": "/guides/why-webpack",
+  "/pluginsapi": "/api/plugins",
+  "/pluginsapi/compiler": "/api/compiler",
+  "/pluginsapi/template": "/api/template",
+  "/api/plugins/compiler": "/api/compiler",
+  "/api/plugins/compilation": "/api/compilation",
+  "/api/plugins/module-factories": "/api/module-factories",
+  "/api/plugins/parser": "/api/parser",
+  "/api/plugins/tapable": "/api/tapable",
+  "/api/plugins/template": "/api/template",
+  "/api/plugins/resolver": "/api/resolver",
+  "/development": "/contribute",
+  "/development/plugin-patterns": "/contribute/plugin-patterns",
+  "/development/release-process": "/contribute/release-process",
+  "/development/how-to-write-a-loader": "/contribute/writing-a-loader",
+  "/development/how-to-write-a-plugin": "/contribute/writing-a-plugin"
+}