BlogJava-SIMONE-随笔分类-nodejshttp://www.blogjava.net/wangxinsh55/category/54900.htmlzh-cnTue, 01 Nov 2016 09:50:47 GMTTue, 01 Nov 2016 09:50:47 GMT60nodejs将对象转换成字符串代码,动态执行字符串代码,requirejs使用r.js打包时动态生成配置文件http://www.blogjava.net/wangxinsh55/archive/2016/11/01/431944.htmlSIMONESIMONETue, 01 Nov 2016 08:24:00 GMThttp://www.blogjava.net/wangxinsh55/archive/2016/11/01/431944.htmlhttp://www.blogjava.net/wangxinsh55/comments/431944.htmlhttp://www.blogjava.net/wangxinsh55/archive/2016/11/01/431944.html#Feedback0http://www.blogjava.net/wangxinsh55/comments/commentRss/431944.htmlhttp://www.blogjava.net/wangxinsh55/services/trackbacks/431944.htmlvar path = require('path');
var fs = require('fs');
var vm = require('vm');
var os = require('os');

/**
 * 格式化缩进的个数
 */
function toIndent(indent) {
    var s = [];
    for (var i = 0; i < indent; i++) {
        s.push('\t');
    }
    return s.join('');
}

/**
 * 将数组对象转换成原始字符串
 */
function array2string(arr, indent) {
    var s = ['[', os.EOL], hasProp = false;
    for (var i = 0; i < arr.length; i++) {
        if (!hasProp) {
            hasProp = true;
        }

        s.push(toIndent(indent + 1));

        var item = arr[i];
        var itemtp = typeof(item);
        if (itemtp === 'object') {
            if (item instanceof Array) {
                s.push(array2string(item, indent + 1));
            } else {
                s.splice(s.length - 2, 2);
                s.push(object2strng(item, indent).trim());
            }
        } else {
            s.push(JSON.stringify(item));
        }
        s.push(',');
        s.push(os.EOL);
    }
    if (hasProp) {
        s.splice(s.length - 2, 1);
    }
    s.push(toIndent(indent));
    s.push(']');
    return s.join('');
}

/**
 * 将对象转换成原始字符串
 */
function object2strng(obj, indent) {
    var s = ['{', os.EOL], hasProp = false;

    for (var o in obj) {
        if (!hasProp) {
            hasProp = true;
        }
        s.push(toIndent(indent + 1));
        s.push(JSON.stringify(o));
        s.push(':');

        var tp = typeof(obj[o]);
        if (tp === 'object') {
            if (obj[o] instanceof Array) {
                s.push(array2string(obj[o], indent + 1));
            } else {
                s.push(object2strng(obj[o], indent + 1));
            }
        } else if (tp === 'function') {
            s.push(obj[o].toString());
        } else {
            s.push(JSON.stringify(obj[o]));
        }
        s.push(',');
        s.push(os.EOL);
    }
    if (hasProp) {
        s.splice(s.length - 2, 1);
    }
    s.push(toIndent(indent));
    s.push('}');
    return s.join('');
}

//提取正式代码里的requirejs的配置字符串,并动态执行转换成json对象; 修改相关的值信息为下边的打包操作做准备; 并将配置信息再转成字符串形式写到临时文件下
var mainPath = path.resolve(process.cwd(), '../js/main.js');
var mainContent = fs.readFileSync(mainPath, 'utf-8').replace(/(requirejs\.config\()?([^)]]*)(\);)?/gm, '$2');
vm.runInThisContext('var mainCfg= ' + mainContent);//将提取的字符串转成mainCfg对象
mainCfg.baseUrl = '/static/js/dist/lib';
var nMainCfgStr = 'requirejs.config(' + object2strng(mainCfg, 0) + ');';//重新生成main.js配置文件,为下边的打包做准备
var buildPath = path.resolve(process.cwd(), './main.js');
fs.writeFileSync(buildPath, nMainCfgStr);
console.log('write temp file main.js fininshed');

//打包的配置信息
var buildJson = {
    appDir: '../js',
    baseUrl: 'lib',
    mainConfigFile: './main.js',
    dir: '../js/dist',
    modules: [{
        'name': '../main',
        include: []
    }]
};
for (var p in mainCfg.paths) {//这里提取所有的依赖模块,打包时放到main.js文件下
    buildJson.modules[0].include.push(p);
}

var buildPath = path.resolve(process.cwd(), './build_main.json');
fs.writeFileSync(buildPath, object2strng(buildJson, 0));//生成打包配置文件
console.log('wirte temp file build_main.json fininshed');



写一批处理文件build.bat
@echo off
node build.js
node r.js -o build_main.json
@pause
执行就可以了

SIMONE 2016-11-01 16:24 发表评论
]]>node下使用grunt管理js文件项目http://www.blogjava.net/wangxinsh55/archive/2015/08/07/426652.htmlSIMONESIMONEFri, 07 Aug 2015 03:47:00 GMThttp://www.blogjava.net/wangxinsh55/archive/2015/08/07/426652.htmlhttp://www.blogjava.net/wangxinsh55/comments/426652.htmlhttp://www.blogjava.net/wangxinsh55/archive/2015/08/07/426652.html#Feedback0http://www.blogjava.net/wangxinsh55/comments/commentRss/426652.htmlhttp://www.blogjava.net/wangxinsh55/services/trackbacks/426652.htmlnode下使用grunt管理js文件项目

1、使用npm init命令初始化包配置管理文件package.json
2、添加插件npm插件
npm install grunt --save-dev
npm install grunt-cli --save-dev
npm install grunt-babel --save-dev
npm install grunt-contrib-concat --save-dev
npm install grunt-contrib-jshint --save-dev
npm install grunt-contrib-uglify --save-dev

最后package.json配置文件如下所示

{
  "name": "es6",
  "version": "1.0.0",
  "description": "",
  "main": "a.js",
  "dependencies": {
    "babel": "^5.8.21",//es6转es5
    "webpack": "^1.10.5"//网站开发将多个js文件打包成一个js文件的工具，暂时没有用到
  },
  "devDependencies": {
    "grunt": "^0.4.5",//js项目文件构建工具
    "grunt-babel": "^5.0.1",//grunt集成babel，将es6转成es5
    "grunt-cli": "^0.1.13",//客户端命令行工具
    "grunt-contrib-concat": "^0.5.1",//将多个js文件合并成一个js文件工具
    "grunt-contrib-jshint": "^0.11.2",//验证js语法工具，不支持es6语法
    "grunt-contrib-uglify": "^0.9.1"//将js压缩工具
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

添加grunt配置文件gruntfile.js如下所示：

module.exports = function(grunt) {  
  //配置参数，grunt配置文件
  grunt.initConfig({  
     pkg: grunt.file.readJSON('package.json'),
     jshint: {
         options:{
             "curly": true,
            "eqnull": true,
            "eqeqeq": true,
            "undef": false,
             esnext: true
         },
         all: ['a.js','b.js']
     },
     babel: {
         dist:{
             'out/a.js':'a.js',
             'out/b.js':'b.js'
         }
     },
     concat: {  
         options: {  
             separator: ';',  
             stripBanners: true  
         },  
         dist: {  
             src: [  
                 "out/a.js",  
                 "out/b.js"
             ],  
             dest: "out/default.js"  
         }  
     },  
     uglify: {  
         options: {  
         },  
         dist: {  
             files: {  
                 'out/default.min.js': 'out/default.js'  
             }  
         }  
     }
  });  
   
  //载入concat和uglify插件，分别对于合并和压缩  
  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.loadNpmTasks('grunt-babel');
  grunt.loadNpmTasks('grunt-contrib-concat');  
  grunt.loadNpmTasks('grunt-contrib-uglify');  
  /*
  grunt.loadNpmTasks('grunt-contrib-cssmin');  
   */
  //注册任务  
  grunt.registerTask('default', ['babel','concat', 'uglify']);  
}


SIMONE 2015-08-07 11:47 发表评论
]]>快速搭建 Node.js / io.js 开发环境以及加速 npmhttp://www.blogjava.net/wangxinsh55/archive/2015/08/04/426575.htmlSIMONESIMONETue, 04 Aug 2015 01:50:00 GMThttp://www.blogjava.net/wangxinsh55/archive/2015/08/04/426575.htmlhttp://www.blogjava.net/wangxinsh55/comments/426575.htmlhttp://www.blogjava.net/wangxinsh55/archive/2015/08/04/426575.html#Feedback0http://www.blogjava.net/wangxinsh55/comments/commentRss/426575.htmlhttp://www.blogjava.net/wangxinsh55/services/trackbacks/426575.htmlhttp://fengmk2.com/blog/2014/03/node-env-and-faster-npm.html

在公交车上刷微博，还是有很多同学在咨询:

  • 如何快速搭建 node 开发环境
  • npm 超慢
  • github 无法打开的问题

于是我觉得应该写一篇文章解答所有这些起步问题，让新同学也能顺顺利利入门。

快速搭建 Node.js 开发环境

如果你想长期做 node 开发, 或者想快速更新 node 版本, 或者想快速切换 node 版本, 那么在非 Windows(如 osx, linux) 环境下, 请使用 nvm 来安装你的 node 开发环境, 保持系统的干净.

如果你使用 Windows 做开发, 那么你可以使用 nvmw 来替代 nvm

osx, linux 环境

如果你是 windows 环境开发, 请跳过这里, 直接查看下一章.

git clone nvm

直接从 github clone nvm 到本地, 这里假设大家都使用 ~/git 目录存放 git 项目:

$ cd ~/git $ git clone https://github.com/cnpm/nvm.git

配置终端启动时自动执行 source ~/git/nvm/nvm.sh, 在 ~/.bashrc, ~/.bash_profile, ~/.profile, 或者 ~/.zshrc 文件添加以下命令:

source ~/git/nvm/nvm.sh

重新打开你的终端, 输入 nvm

$ nvm  Node Version Manager  Usage:     nvm help                    Show this message     nvm --version               Print out the latest released version of nvm     nvm install [-s] <version>  Download and install a <version>, [-s] from source     nvm uninstall <version>     Uninstall a version     nvm use <version>           Modify PATH to use <version>     nvm run <version> [<args>]  Run <version> with <args> as arguments     nvm current                 Display currently activated version     nvm ls                      List installed versions     nvm ls <version>            List versions matching a given description     nvm ls-remote               List remote versions available for install     nvm deactivate              Undo effects of NVM on current shell     nvm alias [<pattern>]       Show all aliases beginning with <pattern>     nvm alias <name> <version>  Set an alias named <name> pointing to <version>     nvm unalias <name>          Deletes the alias named <name>     nvm copy-packages <version> Install global NPM packages contained in <version> to current version  Example:     nvm install v0.10.24        Install a specific version number     nvm use 0.10                Use the latest available 0.10.x release     nvm run 0.10.24 myApp.js    Run myApp.js using node v0.10.24     nvm alias default 0.10.24   Set default node version on a shell  Note:     to remove, delete or uninstall nvm - just remove ~/.nvm, ~/.npm and ~/.bower folders

通过 nvm 安装任意版本的 node

$ nvm install 0.12.0

于是你就会看到一段非常快速进度条:

######################################################################## 100.0% Now using node v0.12.0

还可以直接安装 iojs 各个版本

$ nvm install iojs

你可以继续非常方便地安装各个版本的 node 了, 你可以查看一下你当前已经安装的版本:

$ nvm ls-remote          nvm      v0.8.26     v0.10.26     v0.11.16 ->  v0.12.0

windows 环境

git clone nvmw

直接从 github clone nvmw 到本地, 这里假设大家都使用 d:\git 目录存放 git 项目:

$ d: $ cd git $ git clone https://github.com/cnpm/nvmw.git

设置 d:\git\nvmw 目录到你的 PATH 环境变量中:

set "PATH=d:\git\nvmw;%PATH%"

重新打开你的终端, 输入 nvmw

$ nvmw  Usage:   nvmw help                    Show this message   nvmw install [version]       Download and install a [version]   nvmw uninstall [version]     Uninstall a [version]   nvmw use [version]           Modify PATH to use [version]   nvmw ls                      List installed versions  Example:   nvmw install v0.6.0          Install a specific version number   nvmw use v0.6.0              Use the specific version

通过 nvmw 安装任意版本的 node

$ nvmw install 0.12.0

于是你就会看到一段非常快速进度条:

######################################################################## 100.0% Now using node v0.12.0

安装 iojs

$ nvmw install iojs-1.4.2

然后你可以继续非常方便地安装各个版本的 node 了, 你可以查看一下你当前已经安装的版本:

$ nvmw ls  v0.10.26 v0.11.12 Current: v0.11.12

到此, 无论是 windows 环境, 还是 osx, linux 环境, 都能快速安装多个版本的 node 了.

使用 cnpm 加速 npm

同理 nvm , npm 默认是从国外的源获取和下载包信息, 不慢才奇怪. 可以通过简单的 ---registry 参数, 使用国内的镜像 http://registry.npm.taobao.org :

$ npm install koa --registry=http://registry.npm.taobao.org

于是屏幕又哗啦哗啦地一大片输出:

$ npm install koa --registry=http://registry.npm.taobao.org ... koa@0.5.2 node_modules/koa ├── koa-compose@2.2.0 ├── statuses@1.0.2 ├── finished@1.1.1 ├── escape-html@1.0.1 ├── only@0.0.2 ├── debug@0.8.0 ├── fresh@0.2.2 ├── type-is@1.0.1 ├── delegates@0.0.3 ├── mime@1.2.11 ├── co@3.0.5 ├── accepts@1.0.1 (negotiator@0.4.2) └── cookies@0.4.0 (keygrip@1.0.0)

但是毕竟镜像跟官方的 npm 源还是会有一个同步时间差异, 目前 cnpm 的默认同步时间间隔是 10 分钟. 如果你是模块发布者, 或者你想马上同步一个模块, 那么推荐你安装 cnpm cli:

$ npm install cnpm -g --registry=http://registry.npm.taobao.org

通过 cnpm 命令行, 你可以快速同步任意模块:

$ cnpm sync koa connect mocha

呃, 我就是不想安装 cnpm cli 怎么办? 哈哈, 早就想到你会这么懒了, 于是我们还有一个 web 页面:

例如我想马上同步 koa, 直接打开浏览器: http://npm.taobao.org/sync/koa

或者你是命令行控, 通过 open 命令打开:

$ open http://npm.taobao.org/sync/koa

如果你安装的模块依赖了 C++ 模块, 需要编译, 肯定会通过 node-gyp 来编译, node-gyp 在第一次编译的时候, 需要依赖 node 源代码, 于是又会去 node dist 下载, 于是大家又会吐槽, 怎么 npm 安装这么慢...

好吧, 于是又要提到 --disturl 参数, 通过中国镜像来下载:

$ npm install microtime \   --registry=http://registry.npm.taobao.org \   --disturl=http://npm.taobao.org/mirrors/node

再次要提到 cnpm cli, 它已经默认将 --registry 和 --disturl 都配置好了, 谁用谁知道 . 写到这里, 就更快疑惑那些不想安装 cnpm cli 又吐槽 npm 慢的同学是基于什么考虑不在本地安装一个 cnpm 呢?

github 好慢

好了, 看到这里大家应该对 node 和 npm 已经没有速度慢的问题了.

github 慢, 或者说是它的资源 host 被堵而已, 大家可以通过简单的 hosts 映射解决:

185.31.16.184 github.global.ssl.fastly.net

为何最近访问国外网站这么慢?

听说是 APCN2 又断了: http://weibo.com/1415338244/ACTYkq8xK

1

有爱

希望文本对你有用. :)



SIMONE 2015-08-04 09:50 发表评论
]]>