複数のhtml/js/cssファイルを持つWebpackプロジェクト

Question

Webpackの仕組みを知っていると思います。私の問題は：多くのチュートリアル/例は単一のindex.htmlに基づいています。ですから、私はwebpack.config.jsと複数のページのディレクトリ構造をどうやって整理するのですか？

1. index.htmlcssとjsファイルとcssとjsファイル

と cssと jsファイルと

dashboard.html

profile.html：

のは、私は、次のものが必要と仮定しましょう

1. どのようにあなたのsrcとdistフォルダを構築します：そして、ここでは、私は取得しない何ですか？
2. どのようにWebpackを設定する必要がありますか？おそらくHtmlWebpackPlugin（？）
3. index.jsファイルはエントリポイントとして十分です/どのように1つの構造を構成しますか？/ ES6プロジェクトはどのように一般的に見えるのですか？

サンプルプロジェクトは多くの役に立ちます。単なる例のindex.html以上のプロジェクト。

良い一日を！ :)

Answer 1

したがって、正しいバンドルを構築するためにコマンドライン引数を渡すことで、複数のバンドルタイプを出力することができます。 webpackには複数のエントリポイントが存在しますが、webpackは1つのバンドルを出力するためだけにビルドされています。ですから、この問題を解決するために、webpackにコマンドライン引数を渡すことは、一つの設定ファイルだけを維持しながら、複数のバンドル可能性を持つきれいな方法です。これは、チェックアウトを行うことができる方法を確認するには

...

https://www.hipstercode.com/blog/27/

Answer 2

私はuがでhtml+js+cssがWebコンポーネントに変換し、uはフレームワークによって簡単にそれを行うことができますことを行うことができると思う、私はVue js弾力を考えます非常に良い定型文完全なWebpackのテンプレートは、ちょうど他のページについては、新しいコンポーネントとして考えることを開始するは、バンドルを得るためにWebpackを使用してurを覚えて