Webpack ファイル パッケージ化エラー例外

webpack をパッケージ化する前に、次の作業が完了していることを確認する必要があります。

1) webpackをインストールします。推奨グローバルコマンド npm install -g webpack webpackのバージョンを表示する webpack -v

2) この時点でファイルをパッケージ化するとエラーが発生し、スキャフォールディング ファイルのエラーが表示される場合があります。これは、webpack4 バージョンでは CLI が分離されているため、別途インストールしてグローバル コマンド npm install -g webpack-cli を実行する必要があるためです。スキャフォールディングをインストールした後は、webpack コマンドを使用して通常のパッケージ化を行うことができるのは当然です。

webpack を使用してファイルをパッケージ化するための一般的な構文は次のとおりです (これは Jianshu の webpack 入門チュートリアルに記載されている内容です)

# {extry file} にはエントリファイルのパスを入力します。この記事では、前述の main.js のパスです。
# パッケージ化されたファイルの保存パスを {destination for bundled file} に入力します。# パスを入力するときに {} を追加する必要はありません。
webpack {エントリファイル} {バンドルファイルの保存先}

# Webpack はグローバルにインストールされていません node_modules/.bin/webpack app/main.js public/bundle.js

そこで、パッケージ化コマンド webpack a.js bundle.js を実行しましたが、構成に「mode」オプションの警告というエラーが発生し、…

スクリーンショットは次のとおりです。

このエラー メッセージは、環境が正しくインストールされていないためではなく、更新後にwebpack 4で webpack 構文に対する要件がより厳しくなったために表示されます。

前のコマンドは webpack a.js –output-filename bundle.js に修正されました。このコマンドを実行すると、パッケージ化は成功しました。 スクリーンショットは次のとおりです。

これで、webpack ファイルのパッケージ化エラーと例外に関するこの記事は終了です。関連する webpack パッケージ化エラーの詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。