feat: add case-sensitive-paths-webpack-plugin (#240)

config/build/webpack.config.common.js

@@ -1,4 +1,5 @@
 import { HotModuleReplacementPlugin, LoaderOptionsPlugin, NamedModulesPlugin } from 'webpack';
+import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
 import postcssOmitImportTilde from 'postcss-omit-import-tilde';
 import postcssImport from 'postcss-import';
 import postcssUrl from 'postcss-url';
@@ -106,6 +107,11 @@ export function config(options) {
             }),
             options.hot && new HotModuleReplacementPlugin(),
             options.hot && new NamedModulesPlugin(),
+
+            // enforces the entire path of all required modules match the exact case
+            // of the actual path on disk. Using this plugin helps alleviate cases
+            // for developers working on case insensitive systems like OSX.
+            options.dev && new CaseSensitivePathsPlugin(),
         ].filter(Boolean),
     };
 }

package.json

@@ -56,6 +56,7 @@
     "babel-preset-react": "^6.22.0",
     "babel-preset-stage-1": "^6.22.0",
     "babel-register": "^6.22.0",
+    "case-sensitive-paths-webpack-plugin": "^1.1.4",
     "chalk": "^1.1.3",
     "commander": "^2.9.0",
     "css-loader": "^0.26.0",

yarn.lock

@@ -1149,6 +1149,10 @@ caniuse-db@^1.0.30000346, caniuse-db@^1.0.30000617, caniuse-db@^1.0.30000618:
   version "1.0.30000619"
   resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000619.tgz#bffaa8150637c3182d3914a9718369b079299529"
 
+case-sensitive-paths-webpack-plugin@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-1.1.4.tgz#8aaedd5699a86cac2b34cf40d9b4145758978472"
+
 caseless@~0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.11.0.tgz#715b96ea9841593cc33067923f5ec60ebda4f7d7"