Как настроить функцию __webpack_public_path__ in runtime?

Question

[Ninja Mate]

Пытаюсь настроить динамический путь для сборки, файлы это часть плагина wp и ссылка точная на директорию не известна
в вебпеке прочитал что можно указать __webpack_public_path__ in runtime, но у меня не получается правильно настроить

//что то подобное, но не работает
var __webpack_public_path__ = window.__webpack_public_path__;
 output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js',
    //publicPath:  __dirname + '/',
    //publicPath:  '/',
    //publicPath: path.join(__dirname, '/'),
    publicPath: __webpack_public_path__ ,

    chunkFilename: '[name].bundle.js'
  },

Answer 1

[Николай]

Я это решаю так (в начале entry файла):

var src = document.querySelector('[src*="bundle"]').getAttribute("src");
__webpack_public_path__ = src.substr(0, src.lastIndexOf("/") + 1);

Т.е. записываем в глобальную переменную __webpack_public_path__ текущий путь до bundle.js. Все работает отлично, никаких дополнительных настроек в конфиге не надо.

Comments

[Ninja Mate]

мало того что не понимаю как, так еще и не сработало) куда вставлять, в начало файла который должен стать чанком? publicPath: '/' вот такой оставить и все или вообще не нужен?

[Николай]

Вставлять в самый главный файл, который указан как entry в webpack.config.js. publicPath не нужен.

[Ninja Mate]

Николай: Спасибо Большое, странно что в документах webpack это так четко не описано, просто можете использовать.

[Николай]

Ага. Я тоже в свое время долго мучился с этим, пока не нашел ответ где то в недрах документации

[Ninja Mate]

Николай: оказалось, что publicPath: '/' все таки нужен, иначе магия не происходит