svelteでjsonファイルをimportする

nodejsのrequireを使ったjsonの読み込みみたいなことをsvelteでできないかな、と思ってググった。

雑にググったら @rollup/plugin-jsonを使った例がでてきた。

stackoverflow.com

が、サンプルコードが間違っているのでメモ。

ざっくり

公式サンプルを参考に書いとけばよさそう。

www.npmjs.com

依存関係に追加

dev-dependenciesに追加する

npm install -D @rollup/plugin-json

rollup.config.jsのプラグインに追加

冒頭にimport文

import json from "@rollup/plugin-json"

pluginsの配列に追加

plugins:[
...
someplugin(),
json()
]

必要な箇所でimport文で呼び出す

export defaultされてる扱いなので、任意の名前でimportすればよい。

import theJson from "yourJson.json";