React-hot-loader ๊ฐ ์ ๋๋ก ๋์ํ์ง ์์์..
์ ๋ ์ฌ๊ธฐ์ ํ์ฐธ ํค๋งธ์ต๋๋ค.. ์ ๋ webpack, react-hot-loader ๋๋ค ๊ทธ๋ฅ ์ต์ ๋ฒ์ ์ผ๋ก ๋ฐ์๋๋ฐ, ๊ฐ์ ๊ทธ๋๋ก ๋ฐ๋ผํ๋๊น ์๋ฌ๋๋๋ผ๊ณ ์..๊ทธ๋์ ๊นํ์ ์๋ ๊ฒ์ผ๋ก ๋ฐ๋ผ๊ฐ์ ๋ ํด๋ดค๋๋ฐ ๊ฑฐ๊ธฐ์ ์นํฉ ๋ฒ์ ๋ 4๋ ์๋์ด์ ๋ ์๋ฌ... ๋ฒ์ ๋ฎ์๊ฑธ๋ก ๋ฐ๊พธ๋ฉด ๋ ๊ฒ ๊ฐ์๋ฐ ๊ทธ๋ฌ๊ธฐ๋ ์ซ์ด์ ๋์ค์ผ๋ก ๋ฏธ๋ฃจ๊ณ ๊ณ์ ๊ทธ๋ฅ ๊ฐ๋ฐ ํ๋ค๊ฐ ๋ฐฉ๋ฒ์ ์ฐพ์์ต๋๋ค!http://gaearon.github.io/react-hot-loader/getstarted/์ ํ์ด์ง๋ฅผ ์ฐธ๊ณ ํ์ฌ ํด๊ฒฐํ์ต๋๋ค.์ฐ์ ์ ํ๋ก์ ํธ์ package.json ์์ ์๋ ์นํฉ๊ณผ ๋ฆฌ์กํธ ํซ ๋ก๋์ ๋ฒ์ ์ ์๋์ ๊ฐ์ต๋๋ค."webpack": "^4.12.1""react-hot-loader": "^4.3.3"์ฐ์ ์คํฌ๋ฆฝํธ๋ ์๋ ๊ฒ ๋ณ๊ฒฝํ๊ณ ์, ( --hot ์ฐ๋ ๋์ webpack์์ plugin์ผ๋ก ์ ์์ต๋๋ค."dev-server": "webpack-dev-server --mode development"๊ทธ๋ฆฌ๊ณ webpackํ์ผ์ ์๋์ ๊ฐ์ต๋๋ค.module.exports = { entry: { app: [ 'react-hot-loader/patch', './src/index.js' ] }, output: { path: __dirname + '/public/', filename: 'bundle.js' }, devServer: { hot: true, inline: true, host: '0.0.0.0', port: 4000, contentBase: __dirname + '/public/', }, module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: [ { loader: 'babel-loader', options: { cacheDirectory: true, presets: ['es2015', 'react'], }, } ] } ] }, plugins: [ new webpack.HotModuleReplacementPlugin() ]};ํน ์ด์ํ ๊ฒ ์๋ค๋ฉด ๋๊ตฌ๋ ๋๊ธ๋ฌ์์ฃผ์ธ์..!