Всем привет. как правильно импортировать json как обычный файл (вроде

картинки) и получить путь к нему? типа

import f from './file.json'
console.log(f) // -> /file.123456.json

если добавить правило в file-loader, билд падает с
Module parse failed: Unexpected token m in JSON at position 0 while parsing near 'module.exports = __w...'
видать file-loader выдал экспортирующий путь модуль-заглушку, но вебпак всё равно пытается это парсить как json

Если не ошибаюсь, import * from Попробуй. Если не сработает - с позором удалю сообщение.

import * as f from? да не, та же ошибка

Удаляй

Ну логично же - так же как и другие ресурсы через ассетс лоадер

https://webpack.js.org/guides/asset-modules/

У тебя 5ый пак?

точно, забыл про него, спасибо. да, пятый. а можно ли ещё как-то выхлоп оптимизировать, а то на import f from './file.json' console.log(f) он теперь генерит var r, o = { 211: (r, o, e) => { r.exports = e.p + "file.9d4ff493.json"; }, }, e = {}; function t(r) { var p = e[r]; if (void 0 !== p) return p.exports; var s = (e[r] = { exports: {} }); return o[r](s, s.exports, t), s.exports; } (t.p = "/"), (r = t(211)), console.log(r);

Как вы хотите его оптимизировать?

(t.p = "/"), console.log(t.p + "file.9d4ff493.json")

Так это не модуль

Что б такую красоту делать надо не вебпаком собирать

Я так понимаю вы такое хотите https://www.npmjs.com/package/@chialab/esbuild-plugin-meta-url

3bl3gamer
а кто? если собрать с minimize: false, он в камент...

Код предложенный вами не модуль

в смысле? мой код с консоль.логом не модуль?

3bl3gamer
а кто? если собрать с minimize: false, он в камент...

реализация рекваера вебпаковского к чему тут она скинута я не понял

у меня всё-таки есть надежда, что нет. потому что // some_path.js export default __webpack_public_path__ + 'the-path-to-file.ext' // index.js import f from './some_path.js' console.log(f) таки билдится компактно без всяких кусков вебпакового рантайма: console.log("/the-path-to-file.ext");

Типо он сразу инлпйнит значение которое вы экспортнули?

ну да

А если минификацию отключить?

А вы точно уверены, что этот момент — и есть bottleneck #1 вашего приложения?

конечно нет. но если он рядом только что билдил нормально, почему бы не разобраться, как сделать нормально и в этом случае тоже? ну или убедиться, что никак. бесценные грабли опыт и стремление к прекрасному

Можно сразу ищти в вебпак репозиторий смотреть сорсы. Если повезет там есть тест на эту фичу по которому легко будет найти логику