我可以将故事书目录移动到 prjroot/build/storybook 吗? (在本机响应中)
Can I move storybook directory to prjroot/build/storybook? (in React Native)
我正在为我的 React Native 项目引入故事书。
默认故事书目录位于项目的根目录下,如 prjroot/storybook/
。
但我想把它放在 prjroot/build/storybook/
中,因为我想用 TypeScript 编写故事书配置文件,并将其构建到 prjroot/build/storybook/
中。
有什么方法可以让故事书识别移动的路径吗?
通过将 outDir
选项添加到您的 Typescript 配置中。
tsconfig.json
{
"compilerOptions": {
"outDir": "build/",
...
}
}
请注意,如果您想指定源目录,配置 rootDirs
也可能有用。
https://storybook.js.org/configurations/typescript-config/#tsconfigjson
编辑: 在您的特定情况下,使用 react-native-storybook-loader,您必须配置它:
"prestorybook": "rnstl --outputFile ./build/storybook/storyLoader.js --pattern \"**/*.story.tsx\" --searchDir ./App"
- outputFile 新路径
- 扫描 .tsx 文件的模式
- searchDir 可用于忽略 node_modules 并防止冲突
我正在为我的 React Native 项目引入故事书。
默认故事书目录位于项目的根目录下,如 prjroot/storybook/
。
但我想把它放在 prjroot/build/storybook/
中,因为我想用 TypeScript 编写故事书配置文件,并将其构建到 prjroot/build/storybook/
中。
有什么方法可以让故事书识别移动的路径吗?
通过将 outDir
选项添加到您的 Typescript 配置中。
tsconfig.json
{
"compilerOptions": {
"outDir": "build/",
...
}
}
请注意,如果您想指定源目录,配置 rootDirs
也可能有用。
https://storybook.js.org/configurations/typescript-config/#tsconfigjson
编辑: 在您的特定情况下,使用 react-native-storybook-loader,您必须配置它:
"prestorybook": "rnstl --outputFile ./build/storybook/storyLoader.js --pattern \"**/*.story.tsx\" --searchDir ./App"
- outputFile 新路径
- 扫描 .tsx 文件的模式
- searchDir 可用于忽略 node_modules 并防止冲突