Как указать путь в JS к json-файлу, чтобы он учитывался при сборке (parcel js)?

Question

[ymfront]

Есть JS-функция с указанием пути к json-файлу data.json:

function p() {
	o.loadAnimation({
		container: h,
		renderer: "canvas",
		loop: !0,
		autoplay: !0,
		path: "./js/data.json"
	})
}

Также используется сборщик Parcel JS. И при сборке сайта пути к файлам, указанным в JS-файлах, не учитываются. То есть путь к файлу не меняется, и файл data.json в сборку не попадает.

Как можно указать путь к файлу, чтобы он был в итоговом сайте?

Answer 1

[catch-a-chalk]

Попробуйте импортировать извне, чтобы json включался в сборку:

import data from './js/data.json';

function p() {
    o.loadAnimation({
        container: h,
        renderer: "canvas",
        loop: !0,
        autoplay: !0,
        animationData: data
    });
}

Или если нужно, чтобы он оставался отдельным файлом:

function p() {
    const jsonPath = new URL('./js/data.json', import.meta.url).href;
    
    o.loadAnimation({
        container: h,
        renderer: "canvas",
        loop: !0,
        autoplay: !0,
        path: jsonPath
    });
}

Успехов!