Allow imports to be resolved from application root path

NOTE: This version is configured differently than our previous versions
in an attempt to preserve the existing CRA/Jest behavior.  The new
approach will need to be tested to make sure it works correctly.

Author: randycoulman

packages/react-scripts/config/webpack.config.dev.js

@@ -96,7 +96,8 @@ module.exports = function(publicPath) {
     // We use `fallback` instead of `root` because we want `node_modules` to "win"
     // if there any conflicts. This matches Node resolution mechanism.
     // https://github.com/facebookincubator/create-react-app/issues/253
-    fallback: paths.nodePaths,
+    // ZEAL: Allow imports to be resolved from application root path
+    fallback: [...paths.nodePaths, paths.appSrc],
     // These are the reasonable defaults supported by the Node ecosystem.
     // We also include JSX as a common component filename extension to support
     // some tools, although we do not recommend using it, see:

packages/react-scripts/config/webpack.config.prod.js

@@ -86,7 +86,8 @@ module.exports = {
     // We use `fallback` instead of `root` because we want `node_modules` to "win"
     // if there any conflicts. This matches Node resolution mechanism.
     // https://github.com/facebookincubator/create-react-app/issues/253
-    fallback: paths.nodePaths,
+    // ZEAL: Allow imports to be resolved from application root path
+    fallback: [...paths.nodePaths, paths.appSrc],
     // These are the reasonable defaults supported by the Node ecosystem.
     // We also include JSX as a common component filename extension to support
     // some tools, although we do not recommend using it, see:

packages/react-scripts/utils/createJestConfig.js

@@ -26,11 +26,8 @@ module.exports = (resolve, rootDir, isEjecting) => {
   const config = {
     // ZEAL: Coverage report to inlcude all client src code
     collectCoverageFrom: ['client/**/*.{js,jsx}'],
-    // ZEAL: Configure resolving imports from client root
-    moduleDirectories: [paths.appSrc, paths.appNodeModules, paths.ownNodeModules],
-    moduleNameMapper: {
-      '^.+\\.(css|scss)$': resolve('config/jest/CSSStub.js')
-    },
+    // ZEAL: Allow imports to be resolved from application root path
+    moduleDirectories: ['node_modules', paths.appSrc],
     setupFiles: [resolve('config/polyfills.js')],
     setupTestFrameworkScriptFile: setupTestsFile,
     testPathIgnorePatterns: [
@@ -42,7 +39,7 @@ module.exports = (resolve, rootDir, isEjecting) => {
       '^.+\\.(js|jsx)$': isEjecting ?
         '<rootDir>/node_modules/babel-jest'
         : resolve('config/jest/babelTransform.js'),
-      // '^.+\\.css$': resolve('config/jest/cssTransform.js'),
+      '^.+\\.css$': resolve('config/jest/cssTransform.js'),
       '^(?!.*\\.(js|jsx|css|json)$)': resolve('config/jest/fileTransform.js'),
     },
     transformIgnorePatterns: [