Webpack 設定ジェネレーター
単一の JavaScript エントリーと出力先を指定し、範囲を限定した CommonJS 初期設定を作成します。webpack.config.cjs をコピーまたは保存し、プロジェクトで確認してください。
Webpack 5 と webpack-dev-server 5 向けです。使用前に依存関係のバージョンとプロジェクトを確認してください。ビルドの実行や検証は行いません。
使い方
使い方
- 相対エントリーパス、出力先、モード、ポート、公開パスを指定します。
- 生成した設定と依存関係の注意事項を確認します。
- コピーまたは保存し、互換性のある依存関係を導入して自分のプロジェクトで検証します。
バージョンと依存関係
Webpack 5 と webpack-dev-server 5 向けです。webpack-cli、babel-loader、@babel/core、@babel/preset-env、style-loader、css-loader が必要です。互換性のあるパッケージと Node.js を選んでください。ツールはインストールしません。
初期設定の制限
JavaScript エントリーは 1 つです。JSX、TypeScript、HTML 生成、CSS 抽出、フレームワーク設定、デプロイ設定は含みません。開発サーバーは public ディレクトリを配信するため、公開パスで bundle を参照する HTML を用意してください。本番モードだけでは本番品質を保証できません。ビルドと依存関係の互換性は未検証です。
ローカル生成
相対パスは限定された ASCII 文字のみで親ディレクトリ指定は禁止です。ポートは 1024–65535、公開パスは auto または / で始まり / で終わるディレクトリです。テキストのみを生成し、プロジェクトファイルの読み込みやサーバー起動は行いません。
よくある質問
あわせて知りたいこと
.cjs ファイルを使う理由は？
CommonJS の require と module.exports を使うためです。type: module のプロジェクトでも .cjs は形式を明示します。
ビルドの成功は保証されますか？
いいえ。初期設定です。パス、HTML、依存関係を確認し、自分のプロジェクトでビルドしてください。