commonjs.md

CommonJS

Зависимости

В CommonJS все статические зависимости require() должны подключаться сверху. Эти require() обработается на этапе сборки, а не на этапе исполнения. Вебпак заменяет их на код из соответствующих файлов.

А вот require.ensure() — это уже другое дело. Он сработает тогда, когда потребуется.

// Плохо. При сборке все равно require будет заменен кодом из модуля:
var favorite = {
    init: function() {
        this.initLazyImages();
    },

    initLazyImages: function() {
        // Такой код сложно читать. Лучше сохранить зависимость в переменную и потом ее вызвать:
        require('../../common/js/lazy.js')();
    }
};

//Хорошо. Сразу ясно, от какого модуля зависим, код стал понятнее после введения переменной lazyLoad.
var lazyLoad = require('../../common/js/lazy.js'); // Сохраняем зависимость в переменную для последующего вызова:

var favorite = {
    init: function() {
        this.initLazyImages();
    },

    initLazyImages: function() {
        // Теперь код стал проще и понятнее:
        lazyLoad();
    }
};