用nodejs寫的一個(gè)簡(jiǎn)單項(xiàng)目打包工具
更新時(shí)間:2013年05月11日 17:02:54 作者:
項(xiàng)目是模塊加載的,類似require.js的用法,所以簡(jiǎn)單寫了一個(gè)js打包工具
項(xiàng)目的模塊加載和定義部分代碼是這樣的:
復(fù)制代碼 代碼如下:
XX.define('ns',['tool/cookie'],function(){
});
//或者
XX.define('ns.ns2','tool/cookie,tool/abc',function(){
})
//或者
XX.define('ns',function(){
})
所用到的js打包工具就是掃描文件,然后匹配出來需要加載的模塊,然后先加載模塊代碼。
主要的nodejs打包工具代碼如下:
復(fù)制代碼 代碼如下:
//通用模塊
var Util = require('util'),
FS = require('fs'),
getDeps = require('./getDeps'),
Uglify = require('./uglify/uglify-js'),
removeBOMChar = require('./removeBOM').removeBOMChar,
PATH =require('path');
var packagedObj = {};//是否已經(jīng)打包過
module.exports = function(filePath, rootPath, opts){
opts = opts || {};
var str = jscombo(filePath,rootPath);
if(opts.unzip){
return str;
}else{
return Uglify(str);
}
};
function jscombo(filePaths, rootPath){
if(Util.isArray(filePaths)){
return filePaths.map(function(filePath){
filePath = PATH.join(rootPath,filePath);
//只打包一次
if(packagedObj[filePath]){
return '';
}
packagedObj[filePath] = 1;
//是否存在
if(FS.existsSync(filePath)){
//異步讀取內(nèi)容
var str = FS.readFileSync(filePath, 'utf-8');
//移出BOM頭
str = removeBOMChar(str);
var result = getDeps(str, rootPath);
var content = result.content;
content = '//'+filePath+'\n'+content;
//遞歸打包
if(result.list){
return jscombo(result.list, rootPath) + content;
}
//返回內(nèi)容
return content;
}else{
//文件不存在錯(cuò)誤信息
console.error('jsCombo Error: ' + filePath + ' does not exsist! the path is:'+rootPath);
return ';alert("' + filePath + ' does not exsist!");';
}
}).join(';\n');
}else{
return jscombo([filePaths],rootPath);
}
}
對(duì)于nodejs之前一直沒認(rèn)真學(xué)習(xí),都是邊查文檔,編寫的,所以代碼很青澀~
相關(guān)文章
詳解Java中String JSONObject JSONArray List<實(shí)體類>轉(zhuǎn)換
這篇文章主要介紹了詳解String JSONObject JSONArray List<實(shí)體類>轉(zhuǎn)換,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
javascript操作JSON的要領(lǐng)總結(jié)
JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包,需要的朋友可以了解下2012-12-12
用JSON做數(shù)據(jù)傳輸格式中的一些問題總結(jié)
Json 憑借其自身的優(yōu)勢(shì),在Web數(shù)據(jù)處理方面已經(jīng)占據(jù)了一定的位置,這段時(shí)間涉及到用Json做為數(shù)據(jù)傳輸格式的項(xiàng)目有3個(gè),其中有部分頁面就采用了Json 數(shù)據(jù)傳輸格式, 這里我總結(jié)下這段時(shí)間采用這種方式的一些問題總結(jié)2011-12-12
深入淺析同源與跨域,jsonp(函數(shù)封裝),CORS原理
這篇文章主要介紹了同源與跨域,jsonp(函數(shù)封裝),CORS原理,從同源政策中Ajax限制,到跨域問題以及跨域問題的解決方法幫大家更加深入的去了解其中原理2021-08-08
JSONP跨域GET請(qǐng)求解決Ajax跨域訪問問題
本文主要是介紹了JSONP跨域是如何實(shí)現(xiàn)的,并探討下JSONP跨域的原理。以及采用JSONP跨域GET請(qǐng)求解決Ajax跨域訪問問題,需要的朋友可以參考下2014-12-12

