問題タブ [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.
webpack - テンプレートに Webpack html-webpack-plugin ロード ファビコン
私は Webpackhtml-webpack-plugin
とその提供されたテンプレートを使用しています。ヘッダーにファビコンのリストを追加したい:
の有無にかかわらず、webpack ビルドにすべてのファビコンを含めるにはどうすればよいhtml-webpack-plugin
ですか?
ドキュメントが言うように、それらをextraFilesとして追加しようとしましたが、ビルドフォルダーにはなりません。
注: 最初の 3 つは、うまくいかないことを試みたものです。
javascript - Webpack jstz_min が定義されていません
次のコードでwebpackを使用しています
jstzDemo.js には、次のコードがあります
index.html には、webpack からの出力ファイルである libs.js と main.js を含めました。
jstz_min からjstz_minをダウンロードしました
ページの読み込み時に問題が発生し、「ReferenceError: jstz_min が定義されていません」というエラーが発生しています。webpack.config.js に変更が必要ですか?
javascript - ルーター内のhtml webpackプラグインによって生成されたレンダリングファイル
調子はどう?私は厄介な問題に直面しています。レンダリングするためにindex.html
生成されたものを見つけることができません。html-webpack-plugin
でアクセスできますがlocalhost:8080/index.html
、ハンドルバーを使用してルートでレンダリングする方法がわかりません。
やりたいこと: インジェクション後のビューを見つけて、koa ビューとハンドルバーでレンダリングします。
コード全体: https://github.com/vini175pa/koa-redux-starterkit
ルート: [最初のリンク]/blob/master/server/routes/index.js
Webpack.config.js https://github.com/vini175pa/koa-redux-starterkit/blob/master/webpack.config.js
css - 1 つのファイルで webpack を使用して CSS を縮小する
次の webpack 構成を使用して、エントリ ポイント entry.js で css を縮小しようとしています。entry.js には require('mystyles.css') しかありません
mystyles.css には次の css があります
webpackを実行すると、次のエラーが発生します
すべての .css ファイルを単一の styles.css ファイルにするために使用する必要があるローダーを教えてください
webpack - html-webpack-plugin は冗長なタグを生成します
html-webpack-pluginを使用して、webpack を使用して html ファイルを縮小します。
元の html ファイルには しかありません<script src="./app.js"></script>
が、html-webpack-plugin を使用してファイルを縮小すると、 が生成され<script src="./app.js"></script><script src="app.js"></script>
ます。冗長な を挿入します<script src="app.js"></script>
。html-minifierが提供するすべてのオプションを試しましたが、問題は解決していません。
これを解決する方法を知っている人はいますか?
私のwebpack設定の一部:
javascript - HtmlWebpackPlugin 消去テンプレート div
この例(http://courses.reactjsprogram.com/courses/reactjsfundamentals/lectures/760301)に従って、1つのreactjアプリを開始します。これが私のwebpack.config.jsです
そして、これは私の index.html テンプレートです:
これはwebpackによって生成された私のindex.htmlです
注:私は削除されているので、アプリを実行しようとするとエラーが発生しました:
div を削除しないように修正するにはどうすればよいですか? "babel-core": "^6.7.6", "babel-loader": "^6.2.4", "babel-preset-react": "^6.5.0", "html-webpack-plugin" を使用しています: "^2.15.0", "webpack": "^1.13.0", "webpack-dev-server": "^1.14.1"
tks