コンテンツにスキップ

便利なスクリプト

以下のスクリプトは、プロジェクトのルートディレクトリで npm run <script name> と入力して実行できます。

開発中

スクリプト名説明
devポート 3200 でホットリロード開発サーバーを起動します。
deps-checkSwagger UI の依存関係に関するサイズおよびライセンスレポートを生成します。
lintESLint のスタイルエラーと警告を報告します。
lint-errorsESLint のスタイルエラーのみを報告し、警告は含めません。
lint-fixスタイルエラーを自動的に修正しようとします。
lint-stylesStylelint のスタイルエラーと警告を報告します。
lint-styles-fixStylelint のエラーと警告を自動的に修正しようとします。
watchソースコードが変更されたときに /dist 内のコアファイルを再構築します。Swagger Editor での npm link に役立ちます。

ビルド

スクリプト名説明
build新しい JS および CSS アセットのセットを構築し、それらを /dist に出力します。
build-bundleswagger-ui-bundle.js のみを構築します (CommonJS)。
build-coreswagger-ui.(js|css) のみを構築します (CommonJS)。
build-standaloneswagger-ui-standalone-preset.js のみを構築します (CommonJS)。
build-stylesheetsswagger-ui.css のみを構築します。
build:es:bundleswagger-ui-es-bundle.js のみを構築します (es2015)。
build:es:bundle:coreswagger-ui-es-bundle-core.js のみを構築します (es2015)。

テスト中

スクリプト名説明
testNode で単体テストを実行し、Cypress エンドツーエンドテストを実行し、ESLint をエラーのみモードで実行します。
test:unitNode で Jest 単体テストを実行します。
e2eエンドツーエンドテストを実行します (JDK と Selenium が必要です)。
e2e-cypressCypress を使用してエンドツーエンドのブラウザテストを実行します。
dev-e2e-cypress開発モード。Cypress ランナーを開き、手動で実行するテストを選択します。
lintESLint テストの実行
test:artifactJest でバンドル成果物テストのリストを実行します
test:artifact:umd:bundleswagger-ui-bundle が関数としてエクスポートされることを確認する単体テストを実行します
test:artifact:es:bundleswagger-ui-es-bundle が関数としてエクスポートされることを確認する単体テストを実行します
test:artifact:es:bundle:coreswagger-ui-es-bundle-core が関数としてエクスポートされることを確認する単体テストを実行します
© . This site is unofficial and not affiliated with Swagger.