Как сделать динамический require (webpack)?

Question

[d-virt]

Здравствуйте.

К сожалению, нервы уже на пределе..... Будь добры, подскажите, пожалуйста....

Имеется две точки входа:

entry: {
        Api : './modules/Api/resources/assets/frontend/app/index',
        Test : './modules/Test/resources/assets/frontend/app/index'
    }, 
output: {
        path: path.resolve(__dirname, 'public/js'),
        filename: '[name].js',
        chunkFilename: '[name].js',
        publicPath: '/js/'
    },
resolve : {
        alias : {
            Api : path.resolve(__dirname, 'modules/Api/resources/assets/frontend/app/index'),
            Test : path.resolve(__dirname, 'modules/Test/resources/assets/frontend/app/index')
        }
    }

P.S. главное обратить внимание на пути в entry!

Из модуля Api.js я хочу подключить Test.js,
НО при помощи

var name = 'Test';

require.ensure([], require => {
    require("./" + name);
});

Уточните, пожалуйста, как это можно реализовать ?

P.S. знаю, есть context, но увы так не работает:

var req = require.context('bundle!./../../../../../', false, /^\.\/.*\.js$/);
req("./" + name + "/resources/assets/frontend/app/require");

пробовал url:
require("url?./" + name);
не канает...

Увы да, вот так работает (код из Api.js):

require.ensure([], require => {
        require('./../../../../../Test/resources/assets/frontend/app');
    });

Но, а если я удалю папку ("./modules/Test"), то при компиляции будет ошибка, а этого хотелось бы избежать. Как бы нет модуля ну и черт с ним, пусть работает то, что есть.

Answer 1

[_ _]

Если вы прописали alias, то пишите просто

require.ensure(['Test'], require => {
    require('Test');
});

Comments

[d-virt]

Большое спасибо за уточнение. Поясните, пожалуйста, а как быть в случае если мы изначально не знаем, какой модуль нам нужен, т.е. пример:
var module = 'Test';
require.ensure([module], require => {
require(module);
});
Спасибо!

[_ _]

d-virt: Да, так тоже должно работать

[d-virt]

Александр Марченко: К сожалению, так не работает:
var name = 'Outsourcing';

require.ensure([name], require => {
var s = require(name);
});

Идут варнинги:
Critical dependencies:
22:4-11 require function is used in a way in which dependencies cannot be statically extracted
@ ./modules/Api/resources/assets/frontend/app/index.js 22:4-11

WARNING in ./modules/Api/resources/assets/frontend/app ^\.\/.*$
Module not found: Error: a dependency to an entry point is not allowed
@ ./modules/Api/resources/assets/frontend/app ^\.\/.*$

WARNING in ./modules/Api/resources/assets/frontend/app ^\.\/.*$
Module not found: Error: a dependency to an entry point is not allowed
@ ./modules/Api/resources/assets/frontend/app ^\.\/.*$

И в браузере:
Api.js:119 Uncaught TypeError: __webpack_require__(...).ensure is not a function

Если открыть режим разработчика в браузере, обратить внимание на
var map = {
"./actions/CommonActions": 2,
"./actions/CommonActions.js": 2,
"./components/About": 4,
.......
}
То все пути он построил относительно от модуля Api.

А вот если сделать вот так:
webpack.config:
alias [dir : path.resolve(__dirname)]

api.js:
var rec = require.context('dir/modules', true, /\/resources\/assets\/frontend\/app\/require\.js/);
rec(`./${name}/resources/assets/frontend/app/require.js`).default(function(require){
console.log(require);
});

и взглянуть на скомпелированный api.js
var map = {
"./Outsourcing/resources/assets/frontend/app/require.js": 2
};
То, вот так работает и подтягивается.
Разумеется в require.js уже расположена конструкция:
require.ensure([], require => {
require('./index');
});