webpack記事に従ってやってみた。(google翻訳頼みのため間違ってたら指摘ください。)原文にないコメントは引用で書きます。私が作りたいもの開発ビルドとプロダクションビルドを分ける。開発ビルドES6+のトランスパイル。Reloading)minifyしないimageやcssをBase64エンコードせずに保持する。プロダクションビルドminifyする。imageとcssはBase64エンコードする。開発とプロダクションで別々のExpressサーバーファイルとWebpack設定ファイルで管理している。expresspackage.jsonに以下を追加してください。"Hello"と言う素敵なシンプルなHTMLファイル。localhost:8080にナビゲートしてください。ページにHTMLを正しく表示する必要があります。Webpack)webpackと関連するパッケージをインストールする。サーバーサイドでbundleする。babel-preset-envindex.htmlファイルをdistディレクトリにコピーするには、html-loaderとhtml-webpack-pluginもインストールする必要があります。webpack.config.jsを作成する必要があります。}Note:excludeChunksはサーバーと呼ばれるファイルを除外します。これはWebファイルであり、アプリケーション自体には必要ないため、HTMLファイルに含めたくないファイルです。+のインポート構文を設定して、Babelの転送が正しく行われているかどうかをテストする必要があります。}package.jsonスクリプトを次のように変更します。},こうすることで、常に新しいdistフォルダから始め、コマンドラインから開発モードを宣言的に設定します。localhost:8080にナビゲートしてテストすることができます。この時点で、エラーはないはずです。私はこの記事を書いているので、このステップを段階的に構築しています。7.xにダウングレードする。アプリケーションにCSSとJavascriptの機能を追加するすでにかなりの機能が実装されていますが、CSSスタイル、Javascript、画像をアプリに追加することができます。これを行うには、Webpack設定を2つのファイルに分割する必要があります。後で3つのファイルになります。webpack.server.config.jsサーバーコードだけをバンドルする。webpack.config.jsアプリケーションコードをバンドルする。後で、このメインの設定ファイルをDevとProdのバージョンに分け、サーバーファイルをDevとProdのバージョンに分けます。必要な依存関係をインストールしましょう。※原文ではindex.jsだが誤り。※原文ではawful-selfie.jpgだが誤り。原文ではbg.jpgを置く手順が抜けている。server.jspackage.jsonスクリプトを調整します。},./src/html/index.htmlを更新してください。}./src/index.jsを更新して、インポートとスタイルが機能しているか、基本的な機能を確認します。logMessageserver.jsをルートから./src/serverに移動するだけです。これにより、ルートがきれいに保たれ、サーバーコードが適切な場所に保持されます。最後に、Webpackの設定をしましょう。我々は./webpack.server.config.jsから始めます。}そして、./webpack.config.jsですべてを終わらせましょう。'web'を使う方法に注目してください。これは非常に重要です。'node'を使用するとエラーが発生しますので、再度確認してください。buildを実行すると、エラーは発生しません。