GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 08:01:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added a cli flag to allow passing custom config to the metro bundler

Browse Source
This commit is contained in:
cliedeman 2018-03-14 17:12:27 +02:00
parent 6d1aafa668
commit 3b6003add0
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/react-native/readme.md
View File

@ -96,6 +96,22 @@ module.exports = ({ platform }) => ({
});
```
## Seamless Typescript Integration
*Note: These instructions are for react-native >= 0.45 and the (default) [metro](https://github.com/facebook/metro) bundler*
For seamless type integration (no intermediate build step) we use the custom rn cli config feature and the [react-native-typescript-transformer](https://github.com/ds300/react-native-typescript-transformer) project
First follow the instructions [here](https://github.com/ds300/react-native-typescript-transformer#step-1-install).
Now update your storybook `package.json` script to the following
"scripts": {
"storybook": "storybook --metro-config $PWD/rn-cli.config.js"
}
The metro bundler requires an absolute path to the config. The above setup assumes the `rn-cli.config.js` is in the root of your project or next to your `package.json`
## Learn More
Check the `docs` directory in this repo for more advanced setup guides and other info.

6
app/react-native/src/bin/storybook-start.js vendored
View File

@ -13,6 +13,7 @@ program
.option('--platform <ios|android|all>', 'build platform-specific build')
.option('-s, --secured', 'whether server is running on https')
.option('-c, --config-dir [dir-name]', 'storybook config directory')
.option('--metro-config [relative-config-path]', 'Metro Bundler Custom config')
.option('-e, --environment [environment]', 'DEVELOPMENT/PRODUCTION environment for webpack')
.option('-r, --reset-cache', 'reset react native packager')
.option('--skip-packager', 'run only storybook server')
@ -76,6 +77,11 @@ if (!program.skipPackager) {
}
let cliCommand = 'react-native start';
if (program.metroConfig) {
cliCommand += ` --config ${program.metroConfig}`;
}
if (program.haul) {
const platform = program.platform || 'all';
cliCommand = `haul start --config ${program.haul} --platform ${platform}`;