Storybook: start-storybook이 브라우저를 열지 않도록 하는 CLI 옵션

안녕하세요 @simbo입니다. AFAIK --ci 옵션은 정확히 그렇게 합니다.

당신은 제안하고 있습니까?

• --no-open 이름 바꾸기 또는 별칭 지정
• 기본적으로 true 로 만드시겠습니까?

그런 것 같습니다... :)

별명. 기능을 더 쉽게 검색할 수 있도록 --no-open 별칭을 --ci 하는 것이 좋습니다. 브라우저를 열지 않는 것 외에 CI에 있을 때 하고 싶지 않은 일이 더 많은 경우 별도의 플래그로 만들 수도 있습니다.

기본값. 기본값을 --no-open 로 변경하는 것과 관련하여 저는 이에 반대하지 않습니다. 하지만 이는 획기적인 변경이 될 것이므로 6.0에서 변경하고 싶습니다. 이 문제를 #maintenance Discord에 게시하고 있으므로 합의를 얻을 수 있기를 바랍니다. 그렇다면 사소한 변경이지만 릴리스하는 데 시간이 좀 걸릴 것입니다.

동일하지 않을 수 있습니다. 나는 CRA가 이것을 우아하게 처리하고 채택할 수 있다고 생각합니다. 주요 차이점은 다음과 같습니다.

• 매번 새 탭을 여는 대신 이미 열려 있는 탭을 대상으로 합니다.
• 선호하는 브라우저를 설정하거나 열지 않음 -> .env 파일
• 기본 브라우저보다 Chrome을 선호합니다(예: 개발 중인 브라우저와 다른 브라우저로 탐색하는 사람들의 경우, 많은 것 같습니다. Chrome은 여전히 ​​대다수에게 더 안전한 선택입니다).

관련 CRA 문서

저에게 start-storybook은 다시 시작할 때마다 다른 브라우저의 배경 창에서 탭을 엽니다.

또한 대화형 프롬프트를 건너뜁니다.

이러한 프롬프트의 한 가지 예는 요청한 포트가 사용 중일 때 Storybook을 실행하는 대체 포트에 대한 것입니다. 그것은 때때로 매우 유용할 수 있습니다. 따라서 --no-open 는 --ci 의 별칭이 아니어야 합니다. 열기만 비활성화해야 합니다.

기본 브라우저보다 Chrome 선호

네, 그래서 그 접근 방식을 그대로 복사하지 않았습니다.

개인적으로 --no-open 를 기본값으로 사용하고 싶습니다.

안녕하세요 여러분! 최근에 이 문제에 대해 많은 일이 일어나지 않은 것 같습니다. 여전히 질문, 의견 또는 버그가 있으면 자유롭게 토론을 계속하십시오. 불행히도 모든 문제를 다룰 시간이 없습니다. 우리는 항상 기여에 열려 있으므로 도움이 필요하면 풀 리퀘스트를 보내주십시오. 비활성 문제는 30일 후에 닫힙니다. 감사 해요!

현재 행동을 선호하는 사람이 있습니까? 그렇지 않은 경우 변경할 수 있다고 생각합니다.

그래요. 사실 저는 스토리북이 완성되었다는 표시에 의존하고 있습니다.

--open 및 --no-open cli 플래그를 모두 제공하고 storybook.config.js 도착하면 이를 구성할 수 있습니다.

--no-open 플래그도 선호합니다. 현재 기본값인 모든 작업을 수행하고 새 브라우저 열기를 건너뛰십시오. 나는 매우 자주 열고 기존 창을 가지고 있지만 나는 자동 재시작에 의존하지 수 있도록 닫고 (때문에 구성 변경 등으로) 이야기 책 프로세스를 다시 시작해야합니다. 그런 경우에는 새 브라우저를 원하지 않습니다.

@kutenai 그냥 --ci 실행할 수 있습니까? 여기서 논의는 해당 동작이 기본값이어야 하는지 여부입니다.

그것은 나를 위해 잘 작동하는 것 같습니다. 어쩌면 이 옵션은 내가 원하는 것보다 "더 많은" 작업을 수행한다는 것을 암시하므로 오해의 소지가 있을 수 있지만 실제로는 잘 작동하는 것 같습니다.

FWIW, create-react-app을 사용하면 BROWSER 환경 변수를 설정하여 열 브라우저를 선택하거나 none 브라우저가 열리지 않도록 설정할 수 있습니다. 조사할 가치가 있을 수 있습니다

여기서 논의는 해당 동작이 기본값이어야 하는지 여부입니다.

당신은 실제로 별도의 옵션이 있어야 한다는 내 의견을 좋아했습니다.

당신은 실제로 별도의 옵션이 있어야 한다는 내 의견을 좋아했습니다.

예, --no-open 를 별도의 옵션으로 만드는 데 전적으로 동의합니다. 나는 또한 그것이 기본값이어야 한다고 생각하며 그것이 6.0에 대한 합의를 얻기를 바라는 것입니다.

--no-open 가 기본값인 것은 정상적인 기본값처럼 보입니다. 솔직히 기본적으로 브라우저 창을 여는 것은 대부분 회의에서 플래시용인 것처럼 보이며 실제로 이 명령을 꽤 자주 다시 로드하는 개발자를 귀찮게 할 뿐입니다.

현재:
--ci 플래그를 사용하겠습니다.

또한 기본적으로 브라우저를 열지 않도록 하고 싶습니다. fwiw 내 첫 번째 추측은 BROWSER=none cra와 같이 추가할 수 있다는 것이었습니다. 따라서 일관성을 위해 해당 방법을 채택하는 것이 가치가 있을 수 있습니다. 문서를 보기 전에 그렇게 추측하는 사람은 나뿐만이 아닐 수도 있습니다.

react-script의 start 동작에 대한 나의 이해는 기본적으로 탭이 열리고 이미 열려 있는 탭이 있으면 해당 탭을 재사용한다는 것입니다.

나는 그 행동을 좋아한다. 코드 변경 및 불가피한 앱/웹팩 충돌을 통해 프로젝트에서 작업하고 있다면 동일한 앱의 새 탭으로 창을 부풀리거나 새 탭을 열기 위해 플래그를 뒤집는 것에 대해 걱정할 필요가 없습니다.

우리는 또한 일반 dev에 워크 플로우 실행되도록 두 명령을 갖는 조심해야한다 : start-storybook --open 다음 초기 시작에와 start-storybook [--no-open] 후속 명령에. 탭 재사용이 가능한 경우 내 워크플로가 항상 start-storybook --open 이므로 문제가 되지 않습니다.

나는 Storybook의 기본값이 탭을 여는 것을 선호하지만 여러분이 그렇게 하지 않기로 결정했다면 괜찮습니다. 그래도 탭 재사용 동작이 나오는 것을 보고 싶습니다.

@JonKrone 불행히도 내가 아는 한 HMR의 기존 탭만 재사용합니다. CLI를 다시 실행하면 항상 새 탭이 열립니다(적어도 Chrome/OSX에서는).

--ci가 작동하지 않습니다. 시작할 때마다 여전히 크롬에서 새 탭이 열립니다. 나는 vue와 함께 5.2.1에 있습니다.

@SebbeJohansson 다시 확인할 수 있습니까? 나를 위해 일하는

@shilman 확인을 위해 완전히 새로운 설정을 했습니다.
\My-Storybook>npm 스토리북 실행 --ci
내 기본 브라우저에 새 탭이 나타납니다.

npm run 사용할 때 @SebbeJohansson 기본 명령에 전달하려는 모든 인수 앞에 -- 를 추가해야 합니다.

npm run storybook -- --ci

https://docs.npmjs.com/cli/run-script

다시 시작이 동일한 브라우저 창/탭을 올바르게 대상으로 지정하지 않는 한(및/또는 다시 로드) 기본적으로 새 창을 여는 것은 저에게 실망스럽습니다. 나는 이것이 많은 패키지가 공상에 사용하는 안티 패턴이라고 생각합니다. npm을 처리하는 방법을 알게 되면 우리는 모두 브라우저를 열 수 있습니다.

빌드 후 2개의 URL이 있는 멋진 상자가 표시되며 Ctrl 키를 누른 상태에서 클릭할 수 있으며 우리 대부분은 개발 및 재시작 하는 동안 start-storybook 를 많이 사용할 것 입니다.

TLDR: --ci 를 기본으로 지지하고 브라우저에서 플래그로 열기

많이 다시 시작

그게 왜 필요해? start-storybook 변경 사항을 선택해야 합니다. 그렇지 않으면 그 자체로 문제처럼 들립니다.

우리 모두는 브라우저를 열 수 있습니다

물론 브라우저를 여는 방법 은 알고 있지만 문제는 언제 . 대규모 프로젝트의 경우 첫 번째 빌드에 시간이 오래 걸릴 수 있으며 콘솔에 앉아서 상자를 기다리는 것은 옵션이 아닐 수 있습니다.

그게 왜 필요해? start-storybook 변경 사항을 선택해야 합니다. 그렇지 않으면 그 자체로 문제처럼 들립니다.

대부분의 변경 사항에 적용되어야 하며 모든 변경 사항이 적용되는 것은 아닙니다. 저는 현재 새로운 스토리북을 설정하고 이것저것 만지작거리고 있습니다. 그래서 몇 분 만에 10개의 탭이 완성되었습니다.

물론 브라우저를 여는 _방법_을 알고 있지만 문제는 _언제_를 모른다는 것입니다. 대규모 프로젝트의 경우 첫 번째 빌드에 시간이 오래 걸릴 수 있으며 콘솔에 앉아서 상자를 기다리는 것은 옵션이 아닐 수 있습니다.

여전히 브라우저를 열 수 있지만 '연결이 거부되었습니다'라고만 표시됩니다. 1~2분 뒤에 다른 일을 하고 있는데 갑자기 브라우저가 뜨는 게 더 짜증나는 것 같아요.
활성화할 수 있는 --automagically-open-in-browser (작업 제목) 플래그가 있는 상자에 주석이 있을 수 있습니다.

참고 업계 전반에 걸쳐 이 패턴을 보고 있으며 사용 위치, 문제 및 (스택 오버플로) 질문이 이를 비활성화하는 방법이 도처에 나타납니다. 특히 같은 탭을 대상으로 하는 것이 확실한 기술이 아니기 때문에 패턴 을 기본값으로 사용하는 것을 매우 싫어합니다. 한편, 일단 열리면 '서버'에 대한 연결 해제가 폴링을 시작하고 다시 연결되면 다시 로드할 수 있습니다.

제안: 이 모든 작업을 수행하는 대신 사용자가 브라우저를 열지 않으려는 경우 --ci 옵션을 알리는 메시지를 CLI 출력에 추가할 수 있습니까? @yannbf 의 개선 사항 덕분에 현재 동작이 훨씬 더 좋습니다.

이러한 개선 사항은 어디에서 확인할 수 있습니까?

6.0-베타에서 사용할 수 있습니다. https://github.com/storybookjs/storybook/pull/10329