/
config-overrides.js
50 lines (46 loc) · 1.4 KB
/
config-overrides.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
const {
launchEditorMiddleware,
ReactInspectorPlugin,
} = require('react-dev-inspector-enhanced/plugins/webpack');
const {
override,
overrideDevServer,
addBabelPlugin,
addWebpackPlugin,
} = require('customize-cra');
/**
* origin config:
* https://github.com/facebook/create-react-app/blob/v5.0.1/packages/react-scripts/config/webpack.config.js
* https://github.com/facebook/create-react-app/blob/v5.0.1/packages/react-scripts/config/webpackDevServer.config.js
*
* customize-cra api code: https://github.com/arackaf/customize-cra
*/
module.exports = {
webpack: override(
/** react-dev-inspector - babel config */
addBabelPlugin([
// https://github.com/zthxxx/react-dev-inspector#inspector-babel-plugin-options
'react-dev-inspector-enhanced/plugins/babel',
{
excludes: [],
},
]),
/**
* react-dev-inspector - dev server config
* for create-react-app@^4 + webpack-dev-server@^3
*/
addWebpackPlugin(new ReactInspectorPlugin()),
),
/**
* react-dev-inspector - dev server config
* for create-react-app@^5 + webpack-dev-server@^4.7
*/
devServer: overrideDevServer(serverConfig => {
// https://webpack.js.org/configuration/dev-server/#devserversetupmiddlewares
serverConfig.setupMiddlewares = middlewares => {
middlewares.unshift(launchEditorMiddleware);
return middlewares;
};
return serverConfig;
}),
};