欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

用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)換

    詳解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é)

    javascript操作JSON的要領(lǐng)總結(jié)

    JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的 API 或工具包,需要的朋友可以了解下
    2012-12-12
  • json 入門基礎(chǔ)教程 推薦

    json 入門基礎(chǔ)教程 推薦

    在異步應(yīng)用程序中發(fā)送和接收信息時(shí),可以選擇以純文本和 XML 作為數(shù)據(jù)格式。掌握 Ajax 的這一期討論另一種有用的數(shù)據(jù)格式 JavaScript Object Notation(JSON),以及如何使用它更輕松地在應(yīng)用程序中移動(dòng)數(shù)據(jù)和對(duì)象。
    2009-10-10
  • 用JSON做數(shù)據(jù)傳輸格式中的一些問題總結(jié)

    用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
  • json簡(jiǎn)單介紹

    json簡(jiǎn)單介紹

    我們知道AJAX技術(shù)能夠使得每一次請(qǐng)求更加迅捷,對(duì)于每一次請(qǐng)求返回的不是整個(gè)頁面,也僅僅是所需要返回的數(shù)據(jù)。
    2008-06-06
  • 對(duì)比分析json及XML

    對(duì)比分析json及XML

    本文是根據(jù)自己對(duì)json、xml的了解,參考了部分資料,結(jié)合網(wǎng)上的一些視頻教程總結(jié)出來的一篇個(gè)人對(duì)于json和XML的感悟,以及他們之間在使用的時(shí)候的優(yōu)劣,這里推薦給大家。
    2014-11-11
  • js實(shí)現(xiàn)刪除json中指定的元素

    js實(shí)現(xiàn)刪除json中指定的元素

    這篇文章主要介紹了js實(shí)現(xiàn)刪除json中指定的元素,需要的朋友可以參考下
    2020-09-09
  • 教你如何使用PHP輸出中文JSON字符串

    教你如何使用PHP輸出中文JSON字符串

    PHP 和 JavaScript 交互其實(shí)很方便,PHP 原生也提供了對(duì) JSON 格式的支持。主要包括 JSON 編碼和解碼兩個(gè)函數(shù):
    2014-05-05
  • 深入淺析同源與跨域,jsonp(函數(shù)封裝),CORS原理

    深入淺析同源與跨域,jsonp(函數(shù)封裝),CORS原理

    這篇文章主要介紹了同源與跨域,jsonp(函數(shù)封裝),CORS原理,從同源政策中Ajax限制,到跨域問題以及跨域問題的解決方法幫大家更加深入的去了解其中原理
    2021-08-08
  • JSONP跨域GET請(qǐng)求解決Ajax跨域訪問問題

    JSONP跨域GET請(qǐng)求解決Ajax跨域訪問問題

    本文主要是介紹了JSONP跨域是如何實(shí)現(xiàn)的,并探討下JSONP跨域的原理。以及采用JSONP跨域GET請(qǐng)求解決Ajax跨域訪問問題,需要的朋友可以參考下
    2014-12-12

最新評(píng)論