node模块加载层级优化


node模块加载层级优化 - royalrover - 博客园 var currentBlogApp = 'accordion', cb_enable_mathjax=true;var isLogined=false; body { background: #98C17B url('http://www.haomou.net/images/hmbg.jpg') no-repeat top center; background-size: 100% auto; background-attachment: fixed; } .blogStats{float:right;} #div_digg{right: 13px;border: 1px solid #2D96E9;width: 46px;bottom:110px;} .buryit{display:none;} input[type="button"].btn_my_zzk { width: 60px; } #home { border-top-right-radius: 0; } #blogTitle .title { position: relative; background: none; } .portrait { display: block; position: absolute; left: 0; top: 0; width: 100px; height: 100px; border-radius: 50px; overflow: hidden; background: white url('http://images2015.cnblogs.com/blog/691726/201601/691726-20160112172609147-1681885803.jpg') no-repeat left center; background-size: contain; transition: all 0.8s; -moz-transition: all 0.8s; /* Firefox 4 */ -webkit-transition: all 0.8s; /* Safari 和 Chrome */ -o-transition: all 0.8s; } .headermaintitle:hover .portrait { -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-thumb { background-color: #55895B; border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background-color: #55895B; } ::selection { color: white; background: #018ee8; } #topics a:hover { padding: 1px 3px 1px 3px;; text-decoration: none; color: #018ee8; border-radius: none; background-color: transparent; } .postTitle { padding-left: 0; background: none; } .subtitle { padding-left: 0; } #blogTitle { padding-bottom: 0; } #nav_q,#nav_ing,#nav_newpost { display:none !important; } #sideBar { border-top-width: 1px !important; } #navigator { margin-bottom: 0; } #sideBarMain { margin: 0; padding-right: 20px; padding-left: 5px; } .catListTitle { border-top-color: #CECECE; border-right-color: #CECECE; border-bottom-color: #CECECE; } #home { margin: 150px auto 50px auto; //width: 80%; } #green_channel { width: auto; } #tbCommentBody { width: 100%; display: block; box-sizing: border-box; } pre code{white-space:pre;} pre span{world-wrap:break-word;white-space:pre-wrap;}

node模块加载层级优化

模块加载痛点

大家也或多或少的了解node模块的加载机制,最为粗浅的表述就是依次从当前目录向上级查询node_modules目录,若发现依赖则加载。但是随着应用规模的加大,目录层级越来越深,若是在某个模块中想要通过require方式以依赖名称或相对路径的方式引用其他模块就非常麻烦,影响开发效率和美观。

示例demo:

// 当前目录: /usr/local/test/index.js
// gulp模块所在路径为 /usr/lib/node_modules

var gulp = require('../../lib/gulp');
gulp.task('say',function(){
    console.log('hello wolrd');
});

目前的条件下,只有采用上述中相对路径的方式引用依赖模块,可以看出上述引用的缺点:

丑陋,十分繁杂

容易出错,难以维护

第二个缺点是最难以接受的,在多次引用模块的情况下问题会被放大,因此急需寻找某种方案解决多层目录依赖引用,本文将会讨论笔者在开发过程中的一些尝试,并欢迎大家一起讨论其他可行性方案。

全局变量法

由于目标是解决毫无美观又难以理解的相对目录层级,那么可以尝试使用变量完成目录层级的替代。这种方案最为直接,且node加载该依赖的速度最快,无需遍历其他各级目录。但是为了更为通用,笔者常采用全局变量的方式绑定目录关系:

demo:

// 当前目录: /usr/local/test/index.js
// gulp模块所在路径为 /usr/lib/node_modules

global._root = '/usr/lib/node_modules';
var path = require('path');
var gulp = require(path.join(_root,'gulp'));
...

这种方案最为直接,但是可扩展性并不强,而且在多人维护的情况下尤甚,因此建议在单人开发的小项目中采用。

直接引用模块名

直接引用模块名,说到底就是直接引用node_modules目录中的依赖,类似引用node默认加载的那些模块,如http,event模块。

demo:

// 当前目录: /usr/local/test/index.js
// gulp模块所在路径为 /usr/lib/node_modules

var gulp = require('gulp');
...

在目录/usr/local/test、/usr/local、/usr、/四个目录下都没有“node_modules”目录或者“node_modules”目录下都没有gulp模块,那么运行这个文件,肯定会报错“MODULE_NOT_FOUND”,这就是我们接下来需要解决的问题,即如何修改node加载依赖的层级关系。

修改依赖加载层级

相信大家学习node也都读过一本书《深入浅出nodejs》,这本书的第二章第二节曾简要介绍node加载依赖所遍历的一些目录,书中让我们在某个测试文件中输出module.paths,结果是一个数组,类似于

['/usr/local/test/node_modules'、'/usr/local/node_modules'、'/usr/node_modules'、'/node_modules']

这给我们一个启发,即加载某个模块的顺序就是按照上述数组项的顺序依次判断模块是否存在,若存在则加载,事实上node也确实是这样做的(下文会针对源码分析猜想的正确性)。那么,在猜想的基础上我们可以尝试修改该数组下可否影响本模块加载依赖的顺序,如果成功自然美丽,如若不成功需寻找更为恰当的解决方案。

尝试1:

// 当前目录: /usr/local/test/index.js
// gulp模块所在路径为 /usr/lib/node_modules

module.paths.push('/usr/lib/node_modules');
console.log(module.paths);
var gulp = require('gulp');

执行命令,一切正常,成功了。通过输出信息可看出

['/usr/local/test/node_modules'、'/usr/local/node_modules'、'/usr/node_modules'、'/node_modules','/usr/lib/node_modules']

确实修改了依赖查找层级,不过可以看出设置的目录是在数组中的最后一位,这意味着node会在找到gulp依赖前遍历4层目录,最后才在第五层目录中找到它。如果项目中只引用了gulp也还好,但是随着其他依赖的数量增多,运行时加载依赖/usr/lib/node_modules下的依赖将会耗费不少时间。因此建议大家在项目中评估好依赖的位置,如果合适的话可以优先加载手动设置的依赖目录:

// 当前目录: /usr/local/test/index.js
// gulp模块所在路径为 /usr/lib/node_modules

module.paths.unshift('/usr/lib/node_modules');
console.log(module.paths);
var gulp = require('gulp');

这样,我们在不知道node底层如何工作的前提下就实现了目标。哈哈,不过作为一名靠谱的前端(node)工程师,我们不会满足这种程度吧?哈哈!

深入源码探究

笔者摘出了与模块(依赖)加载相关的代码:

// 初始化全局的依赖加载路径
Module._initPaths = function() {
  ...
  var paths = [path.resolve(process.execPath, '..', '..', 'lib', 'node')];

  if (homeDir) {
    paths.unshift(path.resolve(homeDir, '.node_libraries'));
    paths.unshift(path.resolve(homeDir, '.node_modules'));
  }

  // 我们需要着重关注此处,获取环境变量“NODE_PATH”
  var nodePath = process.env['NODE_PATH'];
  if (nodePath) {
    paths = nodePath.split(path.delimiter).concat(paths);
  }

  // modulePaths记录了全局加载依赖的根目录,在Module._resolveLookupPaths中有使用
  modulePaths = paths;

  // clone as a read-only copy, for introspection.
  Module.globalPaths = modulePaths.slice(0);
};

// @params: request为加载的模块名 
// @params: parent为当前模块(即加载依赖的模块)
Module._resolveLookupPaths = function(request, parent) {
  ...
 
  var start = request.substring(0, 2);
  // 若为引用模块名的方式,即require('gulp')
  if (start !== './' && start !== '..') {
    // 此处的modulePaths即为Module._initPaths函数中赋值的变量
    var paths = modulePaths;
    if (parent) {
      if (!parent.paths) parent.paths = [];
      paths = parent.paths.concat(paths);
    }
    return [request, paths];
  }

  // 使用eval执行可执行字符串的情况下,parent.id 和parent.filename为空
  if (!parent || !parent.id || !parent.filename) {
    var mainPaths = ['.'].concat(modulePaths);
    mainPaths = Module._nodeModulePaths('.').concat(mainPaths);
    return [request, mainPaths];
  }
  
  ...
};

Module._initPaths函数在默认的生命周期内只执行一次,作用自然是设置全局加载依赖的相对路径。而当每次在文件中执行require加载其他依赖时,Module._resolveLookupPaths函数都会执行,返回一个包含依赖名和可遍历的目录数组(该数组中的目录项可以加载到依赖,也可以无法加载依赖)。最后的工作就是根据Module._resolveLookupPaths函数返回的结果,遍历目录数组,加载依赖。如果遍历结束后仍没有找到依赖,则抛错。

在分析完源码后,相信大家也都注意了几点信息:

Module._initPaths函数内部检查了NODE_PATH环境变量 Module._initPaths函数只执行一次 Module._initPaths函数初始化的全局依赖加载路径与module.paths有关系

那么,我们可以从另一个角度解决依赖加载的问题。

环境变量法

通过上一节的源码分析,我们知道了NODE_PATH的作用,那么如何使用或者优雅的使用NODE_PATH来解决依赖加载问题呢?

尝试一

最为直接的是,修改系统的环境变量。在linux下,执行

export NODE_PATH=/usr/lib/node_modules

即可解决。

但是,这种方案毕竟不优雅,因为我们的一个项目就修改了系统的环境变量,如果其他项目也采用这种方案,那么相信系统的NODE_PATH将会变得很长,而且会由于NODE_PATH的子路径顺序问题出现意想不到的冲突,因此作为这种解决方案不建议使用。

尝试二

我们希望只针对当前运行的程序设置环境变量,不影响其他程序;而且一旦当前程序退出,设置的环境变量也被恢复。满足这种需求的实现,最为直观的就是命令行配置。通过查阅node手册可以这样运行:

NODE_PATH=/usr/lib/node_modules  node /usr/local/test/index.js

这样,仍可以成功加载gulp依赖,而不影响系统的环境变量。

但是,命令行的方式显而易见,就是丑陋,麻烦。每次运行程序都需要提前输入一系列的路径,这种方式将代码的可维护性变为了程序的可维护性,在负责的项目中不适合使用。

尝试三

node运行时给我们提供了一个变量,对,就是process。process是node默认加载的Process模块的一个属性,通过process可获取应用进程的相关信息,同时包括设置的环境变量。

我们可以在应用的入口文件设置环境变量:

// 当前目录: /usr/local/test/index.js
// gulp模块所在路径为 /usr/lib/node_modules
process.env.NODE_PATH='/usr/lib/node_modules';
var gulp = require('gulp');

这样我们在执行文件,意想不到的事情发生了,仍报出“MODULE_NOT_FOUND”错误。

这是为什么呢?原因仍要追溯到源码。在源码分析小节中总结了三点,其中第二点提到了**Module._initPaths函数只执行一次,这意味着当我们在代码中设置了process.env.NODE_PATH='/usr/lib/node_modules';,可是由于此时Module._initPaths已执行完毕,因此设置的环境变量并没有被使用。解决这个问题也比较简单,即重新调用Module._initPaths**即可。

// 当前目录: /usr/local/test/index.js
// gulp模块所在路径为 /usr/lib/node_modules
process.env.NODE_PATH='/usr/lib/node_modules';
require('module').Module._initPaths();
// 或者 module.constructor._initPaths()
var gulp = require('gulp');

这样,安全无公害的解决了多基目录下依赖调用的问题。

总结

本文从实际开发中遇到的问题出发,提出了几种解决多基目录下依赖的几种方案:

全局变量法

修改module.paths方法

环境变量法(三种实现)

当然,社区还有一些帮助解决这种问题的模块,如“app-module-path”,但思想也大同小异。在这里和大家一起分享学习收获,希望对各位有些启发和感悟,不胜感激!

posted @ 2016-11-17 16:38 royalrover 阅读(...) 评论(...) 编辑 收藏
markdown_highlight();var allowComments=true,cb_blogId=204605,cb_entryId=6074350,cb_blogApp=currentBlogApp,cb_blogUserGuid='dbd8d399-136a-e411-b908-9dcfd8948a71',cb_entryCreatedDate='2016/11/17 16:38:00';loadViewCount(cb_entryId);
var commentManager = new blogCommentManager();commentManager.renderComments(0);
刷新评论刷新页面返回顶部
fixPostBody(); setTimeout(function () { incrementViewCount(cb_entryId); }, 50); deliverAdT2(); deliverAdC1(); deliverAdC2(); loadNewsAndKb(); loadBlogSignature(); LoadPostInfoBlock(cb_blogId, cb_entryId, cb_blogApp, cb_blogUserGuid); GetPrevNextPost(cb_entryId, cb_blogId, cb_entryCreatedDate); loadOptUnderPost(); GetHistoryToday(cb_blogId, cb_blogApp, cb_entryCreatedDate);
//生成目录索引列表 function GenerateContentList() { var jquery_h3_list = $('#cnblogs_post_body h2');//如果你的章节标题不是h4,只需要将这里的h4换掉即可 if (jquery_h3_list.length > 0) { var content = ''; content += ''; if ($('#cnblogs_post_body').length != 0) { $($('#cnblogs_post_body')[0]).prepend(content); } } } GenerateContentList();