問題タブ [html-webpack-plugin]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - HTMLファイルをwebpackで埋め込む
私たちのプロジェクトの 1 つの大規模な自家製ビルド スクリプトを webpack に移行することを検討しています。
その機能の 1 つは、ディレクトリをトラバースし/views、html ファイルの内容をメインindex.htmlファイルにコピーすることです。これにより、すべてを 1 つのファイルにまとめなくても、KnockoutJS のテンプレート機能を簡単に使用できます。このようなもの：
理想的には、スクリプトタグにテキストを挿入し、ファイルパスに設定することで、各ファイルを としてrequire('./views')埋め込むことができるようにしたいと考えています。約 100 種類のテンプレートがあるため、個別に ing することは避けたいと思います。.html<script type="text/html" id="views/foo">...</script>idrequire()
これを構成html-loaderまたは実行できますhtml-webpack-pluginか? 独自の webpack プラグインを作成する必要があるかどうか、または既存のプラグインを構成して必要なことを実行できる方法があるかどうか疑問に思っています。
ありがとう！
node.js - react-router と HTMLWebpackPlugin でステータス 404 を表現する
私の webpack 構成は、提供される index.html をオンザフライで生成する HTMLWebpackPlugin を使用します。
この生成された index.html を次のように公開しています。
クライアント側のreact-routerを使用しています。ルートは次のとおりです。
http://localhost:1337/へのアクセスは正常に動作し、「アプリ」コンポーネントを適切に表示しますが、http://localhost:1337/homeにアクセスしようとすると、ルート /home が SERVER-SIDE に見えるため、404 が返されます。 .
もちろん、server.js に追加すると:
http://localhost:1337/homeを呼び出すと、適切な json オブジェクトが返されます。
何が欠けていますか？
angular - webpack: コンポーネント テンプレートの代わりに localhost:8080 に表示されるプロジェクト全体の構造
（写真が提供されています）だから私はwebpackのチュートリアルに従ってきましたが、指示に従いましたが、ポート8080にアクセスすると、コンポーネントテンプレートの代わりにこれが表示され、webpack-dev-serverを使用しています
これは webpack.config.js です
node.js - html-webpack-plugin を使用して開発モードの webpack で HTML をビルドする
index.ejsusing html-webpack-pluginを使用して個別の HTML ファイルを作成しようとしています。
私index.ejsには次のコードブロックがあります。
これらのスクリプトを本番環境にロードしたいだけです。
私の webpack ファイルHtmlWebpackPluginでは、ejs テンプレートの場所を指定するために読み込んでいます。
を使用して本番モードで webpack を実行すると--env.prod、ファイルがディレクトリに適切にビルドされますpublic。しかし、で実行すると--env.dev、このプラグインは実行されません。
HtmlWebpackPlugin開発モードで実行して、開発環境に固有の HTML ファイルを作成するにはどうすればよいですか?
webpack - Webpack で静的アセットのみを使用して EJS テンプレートを生成する方法は?
プロジェクトを Webpack と統合したいと考えています。EJS テンプレートを使用する前は、CSS や JavaScript などの静的アセットをbodyタグに追加したいだけでした。しかし、EJS ローダーを使用すると、生成された EJS ファイルにはモジュールのエクスポートなどの他のものが含まれます。これを削除するにはどうすればよいですか?
以下は私のWebpack構成です：
生成された login.ejs は次のとおりです。
body他に何もせずに、静的アセットをタグに追加するだけです。
どんな助けでも大歓迎です。
reactjs - create-react-app markdown-loader for webpack
create-react-app のクローンを作成しました。webpack プラグインの markdown-loader を使用したいと考えています。誰かが webpack.config.dev.js を変更する方法を教えてください。ありがとう
angularjs - webpack angular アプリにプレーンテキストの JSON 構成を含める方法は?
webpack と angular を使用して、babel と es6 を使用して構成駆動型の webapp を作成しようとしています。
config.json が独自のチャンクにあり、複数のコントローラー/コンポーネントからアクセスできる必要があるという問題が繰り返し発生します。ただし、難点は、人間が読めるプレーンテキスト形式（別名、webpackJsonpなどでスプラッシュされず、縮小されていない）が標準のjsonだけである必要があることです。
誰かアイデアを持っていますか？
前もってお詫び申し上げます私はwebpackにまったく慣れていません...