Browserify
- 모듈 번들러

require('modules') 를 브라우저에서 실행가능하게 해줌

https://github.com/browserify/browserify - 12,786
- v16.3.0 , 2019/07

http://browserify.org/



모듈로더(Module Loader) : 브라우저에서 실행 시간에 여러 스크립트를 로드

모듈번들러(Module Bundler) : 컴파일 해서 여러 스크립트를 합침


Browserify = CommonJS방식 = nodejs방식


//=============
* Browserify 설치
npm install -g browserify


//=============
* Browserify 사용법

browserify <src> -o <dest>




//===
* main.js
const Sub = require('./sub');
Sub.log('browserify test');

//===
*  sub.js
module.exports = console;

//=====
* 변환
browserify main.js -o main2.js

//===
* index.htm

<script src="main2.js"></script>



//===============
// 참고
https://kamang-it.tistory.com/entry/ModuleBundlerBrowserifyjs%EB%A5%BC-%ED%95%98%EB%82%98%EC%9D%98-%ED%8C%8C%EC%9D%BC%EB%A1%9C-%EB%AC%B6%EA%B8%B0-browserify%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%82%AC%EC%9A%A9%EB%B2%95

 

반응형

'Code > JavaScript' 카테고리의 다른 글

[Javascript] ES6 (ES2015) 자바스크립트 모듈 사용법  (0) 2019.07.28
[Javascript] Babel 사용법  (0) 2019.07.28
[Javascript] Grunt 사용법  (0) 2019.07.28
[Javascript] gulp 사용법  (0) 2019.07.28
[Javascript] webpack 사용법  (0) 2019.07.28
Posted by codens