인프런 커뮤니티 질문&답변

김한준님의 프로필 이미지

작성한 질문수

웹 게임을 만들며 배우는 React

2-9. 웹팩 데브 서버와 핫 리로딩

안녕하세요 핫로더 관련 질문입니다!

22.01.10 12:44 작성

·

342

0

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
}
};

답변

답변을 기다리고 있는 질문이에요
첫번째 답변을 남겨보세요!