webpack

module.exports = {
  // 시작부분
  entry: {},
  // 모듈별 bundle 해주기 위한 부분 (sass, vue, react 등 기본 webpack이 디폴트적으로 번들할 수 없는 모듈들을 번들해주기위해서는 해당하는 모듈별로 로더가 필요하고 별도로 플러그인이 추가로 필요할 수도 있다. 해당 모듈별로 개별적으로 컴파일하고 완료된 모듈들을 번들해줘야함)
  module: {},
  // 모듈별로 번들을 위해 로더사용시 추가적으로 필요할 수 있는 패키지 플러그인들 모임
  plugins: [],
  // 번들링한 파일이 출력되는 부분
  outputs: {}
}

//sample
const { VueLoaderPlugin } = require("vue-loader/dist/index");
const path = require("path");

module.exports = {
  mode: process.env.MODE,
  entry: {
    app: "./index.js",
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: "vue-loader",
      },
    ],
  },
  plugins: [new VueLoaderPlugin()],
  output: {
    filename: "[name].js",
    path: path.resolve(__dirname, "./dist"),
  },
};