Fix hierarchy of directories to look for loaders and modules (#435)

This fixes two longstanding problems.

First that starters had to ship with modules/utilities that Gatsby
already included and second that installing a starter with NPM 2 often
has problems.

I did some more research into this and realized the problem is that we
don't tell Gatsby to look in `/node_modules/gatsby/node_modules` to look
for modules and loaders. This means the starter also has to install them
(especially with NPM 2 which doesn't put dependencies of dependencies at
top-level of node_modules like NPM 3 does).

By telling Webpack to look in Gatsby's node_modules directory as well we
should be able to elimintate extra dependencies from starters as well as
fix intermittent NPM 2 problems.

Author: KyleAMathews

lib/utils/webpack.config.js

@@ -162,12 +162,18 @@ module.exports = (program, directory, suppliedStage, webpackPort = 1500, routes
         '.toml',
         '.yaml',
       ],
+      // Hierarchy of directories for Webpack to look for module.
+      // First is the site directory.
+      // Then in the special directory of isomorphic modules Gatsby ships with.
+      // Then the site's node_modules directory
+      // and last the Gatsby node_modules directory.
       root: [
         directory,
         path.resolve(__dirname, '..', 'isomorphic'),
       ],
       modulesDirectories: [
         `${directory}/node_modules`,
+        `${directory}/node_modules/gatsby/node_modules`,
         'node_modules',
       ],
     }
@@ -430,12 +436,16 @@ module.exports = (program, directory, suppliedStage, webpackPort = 1500, routes
     devtool: devtool(),
     output: output(),
     resolveLoader: {
+      // Hierarchy of directories for Webpack to look for loaders.
+      // First is the /loaders/ directory in the site.
+      // Then in the special directory of loaders Gatsby ships with.
+      // Then the site's node_modules directory
+      // and last the Gatsby node_modules directory.
       root: [
         path.resolve(directory, 'loaders'),
         path.resolve(__dirname, '..', 'loaders'),
-      ],
-      modulesDirectories: [
-        'node_modules',
+        path.resolve(directory, 'node_modules'),
+        path.resolve(directory, 'node_modules/gatsby/node_modules'),
       ],
     },
     plugins: plugins(),

package.json

@@ -43,6 +43,7 @@
     "highlight.js": "^9.6.0",
     "history": "^2.1.2",
     "html-frontmatter": "^1.6.0",
+    "image-webpack-loader": "^2.0.0",
     "invariant": "^2.2.1",
     "json-loader": "^0.5.2",
     "json5": "^0.5.0",
@@ -79,7 +80,6 @@
     "toml": "^2.2.2",
     "toml-loader": "^1.0.0",
     "tracer": "^0.8.3",
-    "typography": "^0.13.0",
     "url-loader": "^0.5.7",
     "webpack": "^1.13.2",
     "webpack-configurator": "^0.3.0",