7. output 설정

2943 단어 webpackwebpack

최종 결과를 어떻게 원하는데로 출력할 것인가.

webpack.config.js

    entry:{
        index: "./source/index.js",
        about: "./source/about.js"
    },
    output:{
        path:path.resolve(__dirname, "public"),
        filename:'[name]_bundle.js'
    },

번들링할 파일을 명시한다.

    entry:{
        index: "./source/index.js",
        about: "./source/about.js"
    },

결과파일의 이름을 지정한다.

    output:{
        path:path.resolve(__dirname, "public"),
        filename:'[name]_bundle.js'
    },
      
    // 변수 [name] 에는 번들링하려고 하는 entry의 이름이 둘어가기로 약속되어있다. index
    // ex) index_bundle.js , about_bundle.js

참고
1) https://webpack.kr/configuration/output/
2) https://www.youtube.com/watch?v=dt2xU71pX88&list=PLuHgQVnccGMChcT9IKopFDoAIoTA-03DA&index=7

좋은 웹페이지 즐겨찾기