[Bug]:vite build.outDir不包含所有带有React Vite(TypeScript)设置的Storybook构建文件,

92vpleto  于 3个月前  发布在  React
关注(0)|答案(1)|浏览(35)

描述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

重现步骤

  1. 转到上述stackblitz链接
  2. 运行yarn run build-storybook
  3. 期望所有构建文件都在mydir/storybook中,但一些文件仍在storybook-static位置生成
yrdbyhpb

yrdbyhpb1#

免责声明
由于信息是自动生成的,可能存在不准确的情况。
为了确保所有生成的文件都放在指定的 build.outDir 目录中(mydir/storybook),请修改您 package.json 中的 build-storybook 脚本,添加 --output-dir 选项。更新脚本如下:

"scripts": {
  "build-storybook": "build-storybook --output-dir mydir/storybook"
}

这将指示 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

此响应为您提供了研究的起点,而不是精确的解决方案。
帮助我们改进!如果这有帮助,请留下一个 👍 如果无关紧要,请留下一个 👎。

相关问题