Как работает порядок пакетов в 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 ответ:
Похоже, что в алфавитном порядке. Может быть, 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