Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add build-storybook script during setup as well #10020

Merged
merged 2 commits into from
Mar 3, 2020
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
9 changes: 5 additions & 4 deletions docs/src/pages/guides/guide-angular/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,17 +31,18 @@ npm install @storybook/angular --save-dev
Make sure that you have `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:

```sh
npm install babel-loader @babel/core --save-dev
npm install babel-loader @babel/core --save-dev
```

## Step 2: Add a npm script
## Step 2: Add npm scripts

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:

```json
{
"scripts": {
"storybook": "start-storybook"
"storybook": "start-storybook",
"build-storybook": "build-storybook"
}
}
```
Expand Down
6 changes: 3 additions & 3 deletions docs/src/pages/guides/guide-ember/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,15 +35,15 @@ If you don't have `package.json` in your project, you'll need to init it first:
npm init
```

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following npm scripts to your `package.json` in order to start the storybook later in this guide:

> In order for your storybook to run properly be sure to be either run `ember serve` or `ember build` before running any storybook commands. Running `ember serve` before storybook will enable live reloading.

```json
{
"scripts": {
"build-storybook": "ember build && build-storybook -s dist",
"storybook": "ember serve & start-storybook -p 9001 -s dist"
"storybook": "ember serve & start-storybook -p 9001 -s dist",
"build-storybook": "ember build && build-storybook -s dist"
}
}
```
Expand Down
9 changes: 5 additions & 4 deletions docs/src/pages/guides/guide-html/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -39,17 +39,18 @@ npm install @storybook/html --save-dev
Make sure that you have `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:

```sh
npm install babel-loader @babel/core --save-dev
npm install babel-loader @babel/core --save-dev
```

## Step 2: Add a npm script
## Step 2: Add npm scripts

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:

```json
{
"scripts": {
"storybook": "start-storybook"
"storybook": "start-storybook",
"build-storybook": "build-storybook"
}
}
```
Expand Down
9 changes: 5 additions & 4 deletions docs/src/pages/guides/guide-marko/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,17 +31,18 @@ npm install @storybook/marko --save-dev
Make sure that you have `marko`, `@babel/core`, and `babel-loader` in your dependencies as well because we list these as a peer dependencies:

```sh
npm install babel-loader @babel/core --save-dev
npm install babel-loader @babel/core --save-dev
```

## Step 2: Add a npm script
## Step 2: Add npm scripts

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:

```json
{
"scripts": {
"storybook": "start-storybook"
"storybook": "start-storybook",
"build-storybook": "build-storybook"
}
}
```
Expand Down
9 changes: 5 additions & 4 deletions docs/src/pages/guides/guide-mithril/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,17 +32,18 @@ Make sure that you have `mithril`, `@babel/core`, and `babel-loader` in your dep

```sh
npm install mithril --save
npm install babel-loader @babel/core --save-dev
npm install babel-loader @babel/core --save-dev
```

## Step 2: Add a npm script
## Step 2: Add npm scripts

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:

```json
{
"scripts": {
"storybook": "start-storybook"
"storybook": "start-storybook",
"build-storybook": "build-storybook"
}
}
```
Expand Down
9 changes: 5 additions & 4 deletions docs/src/pages/guides/guide-preact/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,17 +32,18 @@ Make sure that you have `preact`, `@babel/core`, and `babel-loader` in your depe

```sh
npm install preact --save
npm install babel-loader @babel/core --save-dev
npm install babel-loader @babel/core --save-dev
```

## Step 2: Add a npm script
## Step 2: Add npm scripts

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:

```json
{
"scripts": {
"storybook": "start-storybook"
"storybook": "start-storybook",
"build-storybook": "build-storybook"
}
}
```
Expand Down
7 changes: 4 additions & 3 deletions docs/src/pages/guides/guide-rax/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,14 +35,15 @@ npm install rax --save
npm install babel-loader @babel/core --save-dev
```

## Step 2: Add a npm script
## Step 2: Add npm scripts

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:

```json
{
"scripts": {
"storybook": "start-storybook"
"storybook": "start-storybook",
"build-storybook": "build-storybook"
}
}
```
Expand Down
7 changes: 4 additions & 3 deletions docs/src/pages/guides/guide-react/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,14 +53,15 @@ npm install react react-dom --save
npm install babel-loader @babel/core --save-dev
```

## Step 2: Add an npm script
## Step 2: Add npm scripts

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:

```json
{
"scripts": {
"storybook": "start-storybook"
"storybook": "start-storybook",
"build-storybook": "build-storybook"
}
}
```
Expand Down
7 changes: 4 additions & 3 deletions docs/src/pages/guides/guide-riot/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,14 +34,15 @@ Make sure that you have `riot`, `@babel/core`, and `babel-loader` in your depend
npm install riot babel-loader @babel/core --save-dev
```

## Step 2: Add a npm script
## Step 2: Add npm scripts

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:

```json
{
"scripts": {
"storybook": "start-storybook"
"storybook": "start-storybook",
"build-storybook": "build-storybook"
}
}
```
Expand Down
7 changes: 4 additions & 3 deletions docs/src/pages/guides/guide-svelte/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,14 +45,15 @@ You'll also need to install `svelte-loader` if you haven't already.
npm install svelte-loader --save-dev
```

## Step 2: Add a npm script
## Step 2: Add npm scripts

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:

```json
{
"scripts": {
"storybook": "start-storybook"
"storybook": "start-storybook",
"build-storybook": "build-storybook"
}
}
```
Expand Down
7 changes: 4 additions & 3 deletions docs/src/pages/guides/guide-vue/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,14 +35,15 @@ npm install vue --save
npm install vue-loader vue-template-compiler @babel/core babel-loader babel-preset-vue --save-dev
```

## Step 2: Add an npm script
## Step 2: Add npm scripts

Then add the following NPM script to your `package.json` in order to start the storybook later in this guide:
Then add the following scripts to your `package.json` in order to start the storybook later in this guide:

```json
{
"scripts": {
"storybook": "start-storybook"
"storybook": "start-storybook",
"build-storybook": "build-storybook"
}
}
```
Expand Down