Add raw-loader to webpack configs inside react-scripts

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

@@ -213,6 +213,12 @@ module.exports = {
               },
             ],
           },
+          // The raw-loader allows importing of text files so their content
+          // can be used in components like the CodePane.
+          {
+            test: [/\.txt$/, /\.md$/, /\.example$/],
+            use: 'raw-loader',
+          },
           // "file" loader makes sure those assets get served by WebpackDevServer.
           // When you `import` an asset, you get its (virtual) filename.
           // In production, they would get copied to the `build` folder.

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

@@ -239,6 +239,12 @@ module.exports = {
             ),
             // Note: this won't work without `new ExtractTextPlugin()` in `plugins`.
           },
+          // The raw-loader allows importing of text files so their content
+          // can be used in components like the CodePane.
+          {
+            test: [/\.txt$/, /\.md$/, /\.example$/],
+            use: 'raw-loader',
+          },
           // "file" loader makes sure assets end up in the `build` folder.
           // When you `import` an asset, you get its filename.
           // This loader doesn't use a "test" so it will catch all modules

packages/react-scripts/package.json

@@ -50,6 +50,7 @@
     "postcss-loader": "2.0.8",
     "promise": "8.0.1",
     "raf": "3.4.0",
+    "raw-loader": "^0.5.1",
     "react-dev-utils": "^4.2.1",
     "spectacle": "^4.0.0",
     "style-loader": "0.19.0",