historie じゃなくて histoire。 フランス語で、 ヒストリエじゃなくてヒストワールぽい。 npm install historie すると違うパッケージが来ました。
install
https://histoire.dev/guide/svelte3/getting-started.html
histoire が vite-5 と衝突するので --legacy-peer-deps を付けました。 そのうち治るでしょう。
> npm i -D histoire @histoire/plugin-svelte --legacy-peer-deps
import { defineConfig } from 'histoire'
import { HstSvelte } from '@histoire/plugin-svelte'
export default defineConfig({
plugins: [
HstSvelte(),
],
tree: {
file: 'path',
},
vite: {
base: '/histoire/'
},
})
tree を付けるとディレトリ構造そのままで表示される。
> npx histoire dev
動いた。
.npmrc
legacy-peer-deps=true
build
> npx histoire build
=> .histoire/dist
https://histoire.dev/guide/config.html
を見て vite.base を足した。