問題タブ [html-webpack-plugin]

今日、私は Angular2 (テンプレートhttps://akveo.github.io ) に取り組もうとしていました。インストールガイドに従って、次のコマンドを実行しました。

をインストールしNode.js v6.9.1ました。

1. npm install――うまくいきました。

2. npm server-- 以下のエラーで失敗しました。

   E:\........\node_modules\script-ext-html-webpack-plugin\index.js:3 const INLINE = 'inline'; ^^^^^ SyntaxError: Use of const in strict mode. at exports.runInThisContext (vm.js:73:16) at Module._compile (module.js:443:25)

何度もランダムに検索して解決できなかった後、私は冷静に考えることにしました。私にはそれが問題のように見えますES2015/ES6。パッケージは機能である変数をscript-ext-html-webpack-plugin使用します。ただし、システムはそれを解決できません。constES2016

hapiまた、この問題は などのパッケージに付随する可能性がありますselinium。しかし、すべてに同じ解決策があるはずです。

上記の Web サイトのインストール ガイドで多くの関連コマンドを試しましたが、何も機能せず、同じエラーで終了します。また、多くの人がオンラインで同じ問題に直面していますが、答えとして具体的なものは何も見えません. 誰か助けてくれませんか？

現在、WebpackHtmlPlugin を使用して index.html エントリポイントを簡素化していますが、私の主な問題は、index.html が他のすべてのアセットと同じレベル (つまり、publicPath が指す場所) に配置されることです。

index.html をフォルダーで提供し、webpack によって生成されたすべてのアセットをサブフォルダーに配置したいと考えています。このようなもの

webpackに逆らわずにこれを達成し、各アセットを手動で手動でマップし、publicPathをルートに設定する方法はありますか?

Html Webpack Plugin でテンプレートを生成したい。テンプレートから .html ファイルを生成するのではなく、別の .ejs テンプレートから .ejs テンプレートを生成したい。

バックエンドからテンプレートをレンダリングするときに、環境に応じて異なる API キーを挿入できるように、これを行いたいと考えています。たとえば、次のようなテンプレートを生成したいとします。

ステージング時にテスト キーを使用できるようにします。

Html Webpack Plugin でテンプレートを生成することは可能ですか?

ビルドのパフォーマンスを最適化するために、2 つの個別の構成を使用してアプリをビルドしています。最初のバンドルはより頻繁に変更されるため、2 番目の大きなバンドルのコンテンツは再構築のプロセスを台無しにしません (それらは異なるバンドルですが、1 つの構成にあるためです)。 、最初の再構築のみのプロセスはまだ遅くなります)。

index.html は 1 つしかないため、構成の 1 つにプラグインされます。問題は、big-bundleハッシュに応じて名前が可変である場合、HtmlWebpackPlugin を使用して、結果の HTML に参照を含める方法です。

実際、HtmlWebpackPlugin が提供するイベント フックを使用したソリューションのアイデアがいくつかあります。しかし、他のアドバイスがあるのだろうかと思います。

私の知識に多大な努力を払ったにもかかわらず、私は得ることができません：

ReactDebugTool.js:14 Uncaught ReferenceError: require が定義されていません(…)

以下のようにwebpack構成を作成しました。

私のプロジェクトは、このようなフォルダー構造を保持しています。

私が参照した記事のほとんどは、私CommonsChunkPluginがそれを修正しようとしたことを示していましたが、無駄でした. どんな助けでも大歓迎です。

私はangular 2とwebpackを初めて使用し、それに関する基本的な概念知識を持っています. 私は何百ものhtmlファイルがあるプロジェクトで働いています。webpack がどのように html ファイルをバンドルするのか理解できません。それぞれのコンポーネントを含むhtmlファイルがあります。以下は、私の頭の中で実行されている質問です:-

1. webpack は js ファイルを含む html ファイルをバンドルしていますか?、もしそうなら、どのように?
2. すべての静的ファイルをそれぞれのパスとフォルダーに沿って出力フォルダーに単純にコピーする場合はどうすればよいですか?