WEBPACK5_번들링한 함수 불러오기

웹팩에서 번들링한 함수를 스크립트에서 좀 써야할 때가 있다.

그냥 막 가져다 쓰려고하면 그런함수 없다고 오류남

그래서 라이브러리 등록을 해줘야한다.
먼저 webpack.config.js 설정을 한번 보자.
output 부분에 두줄만 추가하면 된다.

output 부분

output: {
        ...어쩌구설정
        library: "webpack",
        libraryTarget: "umd"
    },

요기 두줄을 추가해준 후

function 부분

js파일로 들어가서

const TestHello =()=>{
   console.log('그냥 테스트')
}

이런 함수를 불러다 쓰고 싶으면

const TestHello =()=>{
   console.log('그냥 테스트')
}

window.TestHello = TestHello

이렇게 바꿔주자.

html 부분

<script>
            window.TestHello()
</script>

이렇게 써주면 된다.

끗