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 |