수많은 의존관계에 있는 JS 파일을 웹에 배포하는 것이 그리 쉬운일이 아닐겁니다.
이때 사용하는 것이 WebPack Module Bundler 입니다.
설치는
npm install -g webpack
사용은
webpack "WoojjaCustomer.js" "Bundle.js" --output-library='WoojjaLibrary'
webpack 에게 시작 JS 파일을 알려주면 참조관계에 맞추어 Bundle JS 파일을 생성해주며, WoojjaLibrary 라는 이름의 component 를 생성해줍니다.
HTML 에서의 사용은
<script src="Bundle.js"></script>
<script>
var x = new WoojjaLibrary.Customer();
x.Add();
</script>
접근하는데도 편리하겠죠?
행복한 고수되셔요~ ^^
woojja ))*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
반응형
'Web > JavaScript' 카테고리의 다른 글
[JavaScript] 개발자가 필히 알아야 할 ES6 10가지 기능 (0) | 2019.01.15 |
---|---|
[JavaScript] SystemJS (0) | 2017.10.08 |
[JavaScript] Interval, Timeout (0) | 2017.02.11 |
[JavaScript] Markup Insertion (0) | 2017.02.10 |
[JavaScript] Pop Up 차단 확인 (0) | 2017.01.26 |