_webpack_require вернуть пустой объект модуля

Question

Я использую webpack 1.13.3.

_webpack_require возвращает пустой объект модуля. ожидаемый результат 'a.js' объектный модуль ..

исходный код:

a.js

require.ensure([], function() { 

    var module = {}; 

    module.init = function() { 
    console.log('a'); 
    }; 

    return module; 
}) 

entry.js

require([], function() { 
    console.log(require('./a')) 
    require('./a').init(); 
}) 

index.html

<script type="text/javascript" charset="utf-8" src="./main.js"> 
</script> 

webpa ck.config.js

module.exports = { 
    entry: './entry.js', 
    output: { 
    filename: '[name].js' 
    } 
} 

сборки с webpack.config.js и открытым index.html с браузером. появляется ошибка.

console.log (требуется («./ а»)) это протоколирование код просто пустой объект „{}“

Answer 1

Я думаю, что вы пытаетесь использовать модули AMD с WebPack, но вы гораздо лучше просто используя стиль модуля CommonJS. Это то, для чего был создан веб-пакет, очень просто и прекрасно работает!

Попробуйте следующие вместо:

a.js

module.exports = {}; // module.exports is what will be returned if you require() this file. 

module.exports.init = function() { 
    console.log('a'); 
} 

// OR 

module.exports = { 
    init: function() { 
    console.log('a'); 
    }, 
}; 

entry.js

require('./a').init(); 

Ваш WebPack конфигурации и HTML не нужны изменения.

Как вы можете видеть, намного проще! Webpack автоматически обертывает эти модули функцией, ничто не просачивается глобально.