[react] webpack 설정 (react-app-rewired)

react에선 webpack이 존재하므로
react-app-rewired 패키지를 설치 한다

1. npm install react-app-rewired

2. root 하위에 config-overrides.js 생성

module.exports = {
    // The Webpack config to use when compiling your react app for development or production.
    webpack: function (config, env) {
        const overridedConfig = {
            ...config,
            resolve: {
                ...config.resolve,
                fallback: {
                    ...config.resolve.fallback,
                    fs: false,
                    net: false,
                    stream: require.resolve('stream-browserify'),
                    crypto: require.resolve('crypto-browserify'),
                    http: require.resolve('stream-http'),
                    https: require.resolve('https-browserify'),
                    os: require.resolve('os-browserify/browser'),
                    url: require.resolve('url'),
                },
            },
        };
        return overridedConfig;
    },
};

입력 후 저장

3. package.json 내용 변경

   "scripts": {
   "start": "react-app-rewired start",
   "build": "react-app-rewired build",
   "test": "react-app-rewired test",
   "eject": "react-scripts eject"

4. 필요한 module 설치

   npm install stream-browserify
   npm install crypto-browserify
   npm install stream-http
   npm install https-browserify
   npm install os
   npm install os-browserify