안녕하세요 핫로더 관련 질문입니다!
미해결
웹 게임을 만들며 배우는 React
react-refresh @pmmmwh/react-refresh-webpack-plugin 이 두개 패키지가 데이터 유지를 위해 사용된다고 하셨는데 그럼 끝말잇기 진행 중에 딩동댕 -> 딩동딩 으로 변경하고 저장하게 되면 진행중인 단어는 유지 된다는 뜻인가요?? 현재는 유지가 안되고 그대로 새로고침이 되는데 문제가 뭘까요 ㅠ? const path = require ( 'path' ); const ReactRefreshWebpackPlugin = require ( '@pmmmwh/react-refresh-webpack-plugin' ); module . exports = { name : 'word-relay-dev' , mode : 'development' , devtool : 'inline-source-map' , resolve : { extensions : [ '.js' , '.jsx' ], }, entry : { app : './client' , }, module : { rules : [{ test : / \. jsx ? $ / , loader : 'babel-loader' , options : { presets : [ [ '@babel/preset-env' , { targets : { browsers : [ 'last 2 chrome versions' ]}, debug : true , }], '@babel/preset-react' , ], plugins : [ 'react-refresh/babel' ], }, exclude : path . join ( __dirname , 'node_modules' ), }], }, plugins : [ new ReactRefreshWebpackPlugin (), ], output : { path : path . join ( __dirname , 'dist' ), filename : '[name].js' , publicPath : '/dist' , }, devServer : { devMiddleware : { publicPath : '/dist' }, static : { directory : path . resolve ( __dirname ) }, hot : true } };
- 핫로딩
- react