feat: keep public files from root

Author: Andrew Luca

packages/react-dev-utils/README.md

@@ -294,7 +294,7 @@ Returns Express middleware that serves a `${servedPath}/service-worker.js` that
 #### `redirectServedPathMiddleware(servedPath: string): ExpressMiddleware`
 
 Returns Express middleware that redirects to `${servedPath}/${req.path}`, if `req.url`
-does not start with servedPath``. Useful for development.
+does not start with `servedPath`. Useful for development.
 
 #### `openBrowser(url: string): boolean`
 

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

@@ -80,7 +80,7 @@ module.exports = function(webpackEnv) {
   const publicUrl =
     shouldUseRelativeAssetPaths && isEnvDevelopment
       ? ''
-      : publicPath.slice(0, -1);
+      : paths.servedPath.slice(0, -1);
 
   // Get environment variables to inject into our app.
   const env = getClientEnvironment(publicUrl);

packages/react-scripts/config/webpackDevServer.config.js

@@ -63,6 +63,7 @@ module.exports = function(proxy, allowedHost) {
     // for some reason broken when imported through Webpack. If you just want to
     // use an image, put it in `src` and `import` it from JavaScript instead.
     contentBase: paths.appPublic,
+    contentBasePublicPath: '/test',
     // By default files from `contentBase` will not trigger a page reload.
     watchContentBase: true,
     // Enable hot reloading server. It will provide /sockjs-node/ endpoint
@@ -77,7 +78,7 @@ module.exports = function(proxy, allowedHost) {
     publicPath: shouldUseRelativeAssetPaths ? '/' : paths.servedPath,
     // WebpackDevServer is noisy by default so we emit custom message instead
     // by listening to the compiler events with `compiler.hooks[...].tap` calls above.
-    quiet: true,
+    quiet: false,
     // Reportedly, this avoids CPU overload on some systems.
     // https://github.com/facebook/create-react-app/issues/293
     // src/node_modules is not ignored to support absolute imports
@@ -93,7 +94,9 @@ module.exports = function(proxy, allowedHost) {
       // Paths with dots should still use the history fallback.
       // See https://github.com/facebook/create-react-app/issues/387.
       disableDotRule: true,
-      index: shouldUseRelativeAssetPaths ? '/' : paths.servedPath,
+      index: (shouldUseRelativeAssetPaths ? '/' : paths.servedPath).concat(
+        'index.html'
+      ),
     },
     public: allowedHost,
     proxy,

packages/react-scripts/package.json

@@ -2,6 +2,7 @@
   "name": "react-scripts",
   "version": "3.0.1",
   "description": "Configuration and scripts for Create React App.",
+  "homepage": "/test",
   "repository": {
     "type": "git",
     "url": "https://github.com/facebook/create-react-app.git",