-
Notifications
You must be signed in to change notification settings - Fork 3
/
craco.config.js
46 lines (44 loc) · 1.46 KB
/
craco.config.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
// eslint-disable-next-line
const { whenDev } = require('@craco/craco');
// eslint-disable-next-line
const ReactRefreshPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
// based on https://github.com/facebook/react/issues/16604#issuecomment-567149070
module.exports = {
webpack: {
configure: (webpackConfig) => {
if (process.env.NODE_ENV === 'development') {
webpackConfig.module.rules.push({
test: /BabelDetectComponent\.js/,
use: [
{
loader: require.resolve('babel-loader'),
options: {
plugins: [...whenDev(() => [require.resolve('react-refresh/babel')], [])],
},
},
],
});
webpackConfig.module.rules.push({
test: /\.[jt]sx?$/,
exclude: /node_modules/,
use: [
{
loader: require.resolve('babel-loader'),
options: {
presets: ['@babel/react', '@babel/typescript', ['@babel/env', { modules: false }]],
plugins: [
'@babel/plugin-proposal-class-properties',
'@babel/plugin-proposal-optional-chaining',
'@babel/plugin-proposal-nullish-coalescing-operator',
'react-refresh/babel',
],
},
},
],
});
}
return webpackConfig;
},
plugins: [...whenDev(() => [new ReactRefreshPlugin()], [])],
},
};