描述bug
运行React Vite(TypeScript)设置的故事书构建,
默认行为:
所有生成的文件都存在于storybook-static
目录中
当将vite配置更改为build.outDir
时:
viteFinal: async (config, options) => {
const overrides: Partial<InlineConfig> = {
build: {
outDir: 'mydir/storybook',
},
};
const final = mergeConfig(config, overrides);
return final;
},
build.outDir包含iframe和assets:
storybook-static文件夹包含index.html和storybook构建文件:
期望结果:所有生成的文件必须位于build.outDir (mydir/storybook)中
当前行为:一些生成的文件仍然存在于storybook-static目录中
重现链接
https://stackblitz.com/edit/github-mcfjck-6msrma?file=.storybook%2Fmain.ts
重现步骤
- 转到上述stackblitz链接
- 运行
yarn run build-storybook
- 期望所有构建文件都在mydir/storybook中,但一些文件仍在storybook-static位置生成
1条答案
按热度按时间yrdbyhpb1#
免责声明
由于信息是自动生成的,可能存在不准确的情况。
为了确保所有生成的文件都放在指定的
build.outDir
目录中(mydir/storybook
),请修改您package.json
中的build-storybook
脚本,添加--output-dir
选项。更新脚本如下:这将指示 Storybook 将所有构建文件放在指定的目录中,确保不会在默认的
storybook-static
目录中留下任何文件。参考资料
/code/builders/builder-vite
/code/builders
/code/builders/builder-vite/README.md
/code/frameworks/angular/src/builders/build-storybook/schema.json
/code/builders/builder-webpack5
/code/builders/builder-vite/src
/code/frameworks/web-components-vite
/docs/_snippets/storybook-vite-builder-ts-configure.md
/code/builders/builder-vite/package.json
/code/frameworks/html-webpack5
/docs/_snippets/main-config-builder-custom-config.md
/code/lib/cli-storybook
/docs/_snippets/main-config-vite-final.md
/docs/get-started/frameworks/react-vite.mdx
/docs/get-started/frameworks/svelte-vite.mdx
/code/.storybook
/code/sandbox/bench-react-vite-default-ts-test-build
/docs/builders/vite.mdx
/test-storybooks/portable-stories-kitchen-sink/react/.storybook/main.ts
/code/builders/builder-webpack5/src/preview
/test-storybooks/ember-cli/ember-output/storybook-docgen
/code/core/src/core-server
/code/addons/docs/template/stories
/docs/configure/webpack.mdx
/code/frameworks/server-webpack5
关于 Greptile
此响应为您提供了研究的起点,而不是精确的解决方案。
帮助我们改进!如果这有帮助,请留下一个 👍 如果无关紧要,请留下一个 👎。