browserify

browserify

Browserify 可以讓你使用類似於 node 的 require() 的方式來組織瀏覽器端的 Javascript 代碼,通過預編譯讓前端 Javascript 可以直接使用 Node NPM 安裝的一些庫。

基本介紹

  • 中文名:Browserify
  • 外文名:Browserify
  • 安裝:npm install -g browserify
  • 類別:程式
安裝,示例,

安裝

npm install -g browserify

示例

這是 main.js 的內容,像普通的 nodejs 程式那樣使用 require() 載入庫和檔案:
var foo = require('./foo.js');var bar = require('../lib/bar.js');var gamma = require('gamma');var elem = document.getElementById('result');var x = foo(100) + bar('baz');elem.textContent = gamma(x);
導出的方法:
module.exports = function (n) { return n * 111 }
使用 browserify 編譯:
$ browserify main.js > bundle.js
現在 main.js 需要的所有其它檔案都會被編譯進 bundle.js 中,包括很多層 require() 的情況也會一起被遞歸式的編譯過來。
編譯好的 js可以直接拿到瀏覽器使用
<script src="bundle.js"></script>

相關詞條

熱門詞條

聯絡我們