Node.js模塊化加載：Browserify
Browserify 可以讓你使用類似于 node 的 require() 的方式來組織瀏覽器端的 Javascript 代碼，通過預編譯讓前端 Javascript 可以直接使用 Node NPM 安裝的一些庫。
安裝：
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>
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！