@@ -23,6 +23,8 @@ const sockPath = process.env.WDS_SOCKET_PATH; // default: '/sockjs-node'
2323const sockPort = process . env . WDS_SOCKET_PORT ;
2424
2525module . exports = function ( proxy , allowedHost ) {
26+ const disableFirewall =
27+ ! proxy || process . env . DANGEROUSLY_DISABLE_HOST_CHECK === 'true' ;
2628 return {
2729 // WebpackDevServer 2.4.3 introduced a security fix that prevents remote
2830 // websites from potentially accessing local content through DNS rebinding:
@@ -40,64 +42,54 @@ module.exports = function (proxy, allowedHost) {
4042 // So we will disable the host check normally, but enable it if you have
4143 // specified the `proxy` setting. Finally, we let you override it if you
4244 // really know what you're doing with a special environment variable.
43- disableHostCheck :
44- ! proxy || process . env . DANGEROUSLY_DISABLE_HOST_CHECK === 'true' ,
45+ // Note: ["localhost", ".localhost"] will support subdomains - but we might
46+ // want to allow setting the allowedHosts manually for more complex setups
47+ firewall : disableFirewall ? false : [ allowedHost ] ,
4548 // Enable gzip compression of generated files.
4649 compress : true ,
47- // Silence WebpackDevServer's own logs since they're generally not useful.
48- // It will still show compile warnings and errors with this setting.
49- clientLogLevel : 'none' ,
50- // By default WebpackDevServer serves physical files from current directory
51- // in addition to all the virtual build products that it serves from memory.
52- // This is confusing because those files won’t automatically be available in
53- // production build folder unless we copy them. However, copying the whole
54- // project directory is dangerous because we may expose sensitive files.
55- // Instead, we establish a convention that only files in `public` directory
56- // get served. Our build script will copy `public` into the `build` folder.
57- // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
58- // <link rel="icon" href="%PUBLIC_URL%/favicon.ico">
59- // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
60- // Note that we only recommend to use `public` folder as an escape hatch
61- // for files like `favicon.ico`, `manifest.json`, and libraries that are
62- // for some reason broken when imported through webpack. If you just want to
63- // use an image, put it in `src` and `import` it from JavaScript instead.
64- contentBase : paths . appPublic ,
65- contentBasePublicPath : paths . publicUrlOrPath ,
66- // By default files from `contentBase` will not trigger a page reload.
67- watchContentBase : true ,
68- // Enable hot reloading server. It will provide WDS_SOCKET_PATH endpoint
69- // for the WebpackDevServer client so it can learn when the files were
70- // updated. The WebpackDevServer client is included as an entry point
71- // in the webpack development configuration. Note that only changes
72- // to CSS are currently hot reloaded. JS changes will refresh the browser.
73- hot : true ,
74- // Use 'ws' instead of 'sockjs-node' on server since we're using native
75- // websockets in `webpackHotDevClient`.
76- transportMode : 'ws' ,
50+ static : {
51+ // By default WebpackDevServer serves physical files from current directory
52+ // in addition to all the virtual build products that it serves from memory.
53+ // This is confusing because those files won’t automatically be available in
54+ // production build folder unless we copy them. However, copying the whole
55+ // project directory is dangerous because we may expose sensitive files.
56+ // Instead, we establish a convention that only files in `public` directory
57+ // get served. Our build script will copy `public` into the `build` folder.
58+ // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
59+ // <link rel="icon" href="%PUBLIC_URL%/favicon.ico">
60+ // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
61+ // Note that we only recommend to use `public` folder as an escape hatch
62+ // for files like `favicon.ico`, `manifest.json`, and libraries that are
63+ // for some reason broken when imported through webpack. If you just want to
64+ // use an image, put it in `src` and `import` it from JavaScript instead.
65+ directory : paths . appPublic ,
66+ publicPath : [ paths . publicUrlOrPath ] ,
67+ // By default files from `contentBase` will not trigger a page reload.
68+ watch : {
69+ // Reportedly, this avoids CPU overload on some systems.
70+ // https://github.com/facebook/create-react-app/issues/293
71+ // src/node_modules is not ignored to support absolute imports
72+ // https://github.com/facebook/create-react-app/issues/1065
73+ ignored : ignoredFiles ( paths . appSrc ) ,
74+ } ,
75+ } ,
7776 // Prevent a WS client from getting injected as we're already including
7877 // `webpackHotDevClient`.
7978 injectClient : false ,
80- // Enable custom sockjs pathname for websocket connection to hot reloading server.
81- // Enable custom sockjs hostname, pathname and port for websocket connection
82- // to hot reloading server.
83- sockHost,
84- sockPath,
85- sockPort,
79+ client : {
80+ // Enable custom sockjs pathname for websocket connection to hot reloading server.
81+ // Enable custom sockjs hostname, pathname and port for websocket connection
82+ // to hot reloading server.
83+ host : sockHost ,
84+ path : sockPath ,
85+ port : sockPort ,
86+ } ,
8687 // It is important to tell WebpackDevServer to use the same "publicPath" path as
8788 // we specified in the webpack config. When homepage is '.', default to serving
8889 // from the root.
8990 // remove last slash so user can land on `/test` instead of `/test/`
9091 publicPath : paths . publicUrlOrPath . slice ( 0 , - 1 ) ,
91- // WebpackDevServer is noisy by default so we emit custom message instead
92- // by listening to the compiler events with `compiler.hooks[...].tap` calls above.
93- quiet : true ,
94- // Reportedly, this avoids CPU overload on some systems.
95- // https://github.com/facebook/create-react-app/issues/293
96- // src/node_modules is not ignored to support absolute imports
97- // https://github.com/facebook/create-react-app/issues/1065
98- watchOptions : {
99- ignored : ignoredFiles ( paths . appSrc ) ,
100- } ,
92+
10193 https : getHttpsConfig ( ) ,
10294 host,
10395 overlay : false ,
@@ -107,10 +99,9 @@ module.exports = function (proxy, allowedHost) {
10799 disableDotRule : true ,
108100 index : paths . publicUrlOrPath ,
109101 } ,
110- public : allowedHost ,
111102 // `proxy` is run between `before` and `after` `webpack-dev-server` hooks
112103 proxy,
113- before ( app , server ) {
104+ onBeforeSetupMiddleware ( app , server ) {
114105 // Keep `evalSourceMapMiddleware` and `errorOverlayMiddleware`
115106 // middlewares before `redirectServedPath` otherwise will not have any effect
116107 // This lets us fetch source contents from webpack for the error overlay
@@ -123,7 +114,7 @@ module.exports = function (proxy, allowedHost) {
123114 require ( paths . proxySetup ) ( app ) ;
124115 }
125116 } ,
126- after ( app ) {
117+ onAfterSetupMiddleware ( app ) {
127118 // Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match
128119 app . use ( redirectServedPath ( paths . publicUrlOrPath ) ) ;
129120
0 commit comments