browserify 可以將用到的程式碼都包成一包,拿到瀏覽器上使用。
舉個例子離說,先寫了一個 a.js
:
(function(){ var el = document.getElementById('output'); var j2x = require('json2xml'); el.innerText = j2x({a: 1}); })();
其中可以看到直接拿 require()
把 json2xml 抓進來。但在瀏覽器裡要自己處理有哪些 dependency 很麻煩,就用 browserify 拉出來:
browserify a.js -o a.bundle.src.js
生出來的 a.bundle.src.js
就可以拿到瀏覽器裡使用了!如果需要的話,還可以用 JS Compressor 再壓起來再拿到瀏覽器裡使用。
最後補充一下,browserify 的安裝方式很簡單:
npm install browserify
就是這樣而已。