그전까지 버튼클릭했을때 html 이동 안됬잖아요 ㅋㅋ

왜 되는지, 왜 이코드를 이렇게 바꿔야 되는지를 늘 생각해야함.

에러메세지에 늘 답이 있다.

에러메시지에 ~~~경로에 해당 파일이 없다. 라는 에러가 떠서

// const path = require("path");

// module.exports = {
//   mode: "development",
//   entry: {
//     main: "./src/script/index.js",
//   },
//   output: {
//     filename: "[name].html",
//     path: path.resolve("./"),
//   },
//   devServer: {
//     port: 9000,
//   },
// };

const HtmlWebpackPlugin = require("html-webpack-plugin");
const path = require("path");

module.exports = {
  mode: "development",
  entry: "./src/script/index.js",
  output: {
    path: path.resolve(__dirname, "./"),
    filename: "[name].js",
  },
  devServer: {
    // webpack dev server 설정
    static: path.resolve(__dirname + "/src"), <- 이게 '/build/src;'엿는데 바꿔서 됫음
    port: 4000,
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: "./src/index.html",
    }),
  ],
};