Решением данной проблемы может быть использование нескольких конфигураций либо сеттинг нужной переменной прямо в рантайме:
// webpack.config.js
const common = {
entry: './common/index.js',
output: {
filename: 'common.js',
publicPath: 'publicPath for common'
}
};
const mobile = {
entry: './common/mobile.js',
output: {
filename: 'mobile.js',
publicPath: 'publicPath for mobile'
}
};
const site = {
entry: './site/common/js/site.js',
output: {
filename: 'site.js',
publicPath: 'publicPath for site'
}
};
module.exports = [common, mobile, site];
Вы можете иметь несколько конфигураций и экспортировать массив с ними.
Второй вариант это использование глобальной переменной __webpack_public_path__
, вам нужно сеттить разное значение в 3х ваших файлах:
// common/index.js
__webpack_public_path__ = 'publicPath for common';
// common/mobile.js
__webpack_public_path__ = 'publicPath for mobile';
// common/js/site.js
__webpack_public_path__ = 'publicPath for site';
Не уверен насчет второго варианта, имея много входных точек, первый вариант будет точно без побочных эффектов.