dist 폴더가 생기지 않습니다.
미해결
웹 게임을 만들며 배우는 React
안녕하세요 제로초님! 숫자 야구 강의 듣다가 질문드립니다. 이전 수업에서 나온 내용대로 webpack과 babel 설치 및 설정을 했는데 dist 폴더가 생기지 않습니다. 따로 에러가 뜨진 않았고, 화면도 잘 구동됩니다. 다만, dist 폴더 내에 app.js 파일이 생성되고 그 파일이 html에서 불러와져서 렌더링이 되는 걸로 아는데 dist 폴더가 생기지 않고도 렌더링에 문제가 없는게 맞는건지 여쭙고 싶습니다. 아래는 webpack.config.js 파일입니다. const path = require("path"); const RefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin"); module.exports = { name: "wordrelay-setting", mode: "development", devtool: "eval", resolve: { extensions: [".js", ".jsx"], }, entry: { app: "./client", }, module: { rules: [ { test: /\.jsx?$/, loader: "babel-loader", options: { presets: [ [ "@babel/preset-env", { targets: { browsers: ["> 1% in KR"], }, debug: true, }, ], "@babel/preset-react", ], plugins: ["react-refresh/babel"], }, exclude: path.join(__dirname, "node_modules"), }, ], }, plugins: [new RefreshWebpackPlugin()], output: { path: path.join(__dirname, "dist"), filename: "app.js", publicPath: "/dist", }, devServer: { publicPath: "/dist", hot: true, }, };
- dist
- react
- babel