Как работает порядок пакетов в browserify?


Я не могу понять логику того, как browserify связывает свои необходимые файлы. Если я сделаю это

require('./one/one.js');
require('./two/two.js');
require('./three/three.js');

Вывод такой

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
var app = "app";

console.log(one);
},{}],2:[function(require,module,exports){
require('./one/one.js');
require('./two/two.js');
require('./three/three.js');
//require('./three/three_a/three_a.js');
require('./app.js');
},{"./app.js":1,"./one/one.js":3,"./three/three.js":4,"./two/two.js":5}],3:[function(require,module,exports){
var one = "one";
},{}],4:[function(require,module,exports){
var three = "three";
},{}],5:[function(require,module,exports){
var two = "two";
},{}]},{},[2])
Как вы можете видеть, " три " - это связка перед "два", но это не тот порядок, в котором я их требовал?
1 5

1 ответ:

Похоже, что в алфавитном порядке. Может быть, Browserify сортирует их таким образом, или это просто так происходит из ОС. На самом деле это не имеет никакого значения-это всего лишь определения модулей. Ваш код внутри этих функций (require, module, exports) всегда будет работать одинаково независимо от того, в каком порядке были определены модули.

Вот упрощенная версия того, что делает Browserify, которая может быть более понятной:

var modules = {
  './app.js': function (require, module, exports) {
    require('./one/one.js');
    require('./two/two.js');
    require('./three/three.js');
  },
  './two/two.js': function (require, module, exports) {
    console.log('two');
  },
  './one/one.js': function (require, module, exports) {
    console.log('one');
  },
  './three/three.js': function (require, module, exports) {
    console.log('three');
  }
};

function require (path) {
  var module = {exports: {}};
  modules[path](require, module, module.exports);
  return module.exports;
}

require('./app.js');

Даже если вы измените порядок определения модулей, вы всегда должны видеть тот же вывод:

one
two
three