80 lines
3.3 KiB
JavaScript
80 lines
3.3 KiB
JavaScript
'use strict';
|
|
|
|
const fs = require('fs');
|
|
const evalSourceMapMiddleware = require('react-dev-utils/evalSourceMapMiddleware');
|
|
const noopServiceWorkerMiddleware = require('react-dev-utils/noopServiceWorkerMiddleware');
|
|
const ignoredFiles = require('react-dev-utils/ignoredFiles');
|
|
const redirectServedPath = require('react-dev-utils/redirectServedPathMiddleware');
|
|
const paths = require('./paths');
|
|
const getHttpsConfig = require('./getHttpsConfig');
|
|
|
|
const host = process.env.HOST || '0.0.0.0';
|
|
const sockHost = process.env.WDS_SOCKET_HOST;
|
|
const sockPath = process.env.WDS_SOCKET_PATH; // default: '/sockjs-node'
|
|
const sockPort = process.env.WDS_SOCKET_PORT;
|
|
|
|
module.exports = function (proxy, allowedHost) {
|
|
const disableFirewall =
|
|
!proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === "true";
|
|
return {
|
|
allowedHosts: disableFirewall ? "all" : [allowedHost],
|
|
compress: true,
|
|
static: {
|
|
directory: paths.appPublic,
|
|
publicPath: paths.publicUrlOrPath,
|
|
watch: {
|
|
ignored: ignoredFiles(paths.appSrc),
|
|
}
|
|
},
|
|
client: {
|
|
webSocketURL: {
|
|
hostname: sockHost,
|
|
pathname: sockPath,
|
|
port: sockPort,
|
|
},
|
|
overlay: true,
|
|
},
|
|
devMiddleware: {
|
|
// It is important to tell WebpackDevServer to use the same "publicPath" path as
|
|
// we specified in the webpack config. When homepage is '.', default to serving
|
|
// from the root.
|
|
// remove last slash so user can land on `/test` instead of `/test/`
|
|
publicPath: paths.publicUrlOrPath.slice(0, -1),
|
|
},
|
|
https: getHttpsConfig(),
|
|
host,
|
|
historyApiFallback: {
|
|
// Paths with dots should still use the history fallback.
|
|
// See https://github.com/facebook/create-react-app/issues/387.
|
|
disableDotRule: true,
|
|
index: paths.publicUrlOrPath,
|
|
},
|
|
// `proxy` is run between `before` and `after` `webpack-dev-server` hooks
|
|
proxy,
|
|
onBeforeSetupMiddleware(server) {
|
|
const app = server.app;
|
|
// Keep `evalSourceMapMiddleware`
|
|
// middlewares before `redirectServedPath` otherwise will not have any effect
|
|
// This lets us fetch source contents from webpack for the error overlay
|
|
app.use(evalSourceMapMiddleware(server));
|
|
|
|
if (fs.existsSync(paths.proxySetup)) {
|
|
// This registers user provided middleware for proxy reasons
|
|
require(paths.proxySetup)(app);
|
|
}
|
|
},
|
|
onAfterSetupMiddleware(server) {
|
|
const app = server.app;
|
|
// Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match
|
|
app.use(redirectServedPath(paths.publicUrlOrPath));
|
|
|
|
// This service worker file is effectively a 'no-op' that will reset any
|
|
// previous service worker registered for the same host:port combination.
|
|
// We do this in development to avoid hitting the production cache if
|
|
// it used the same host and port.
|
|
// https://github.com/facebook/create-react-app/issues/2272#issuecomment-302832432
|
|
app.use(noopServiceWorkerMiddleware(paths.publicUrlOrPath));
|
|
},
|
|
};
|
|
};
|