問題タブ [webpack]
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.
css - css プリ/ポスト プロセッサを使用して webpack ソースマップを生成する
css プリプロセッサ (less/scss/styl) を使用しているときに、webpack でソースマップ (css) を正常に生成した人はいますか?
次のような連鎖ローダーを使用してみました。
webpack.config
ただし、ソースマップには、(ソースではなく) less からコンパイルされた出力が表示されますが、正しいファイル名が表示されます。
何でもない
次の内容で /absolute/path/to/whatever.less にマッピングされます
@redに何が起こったの?
webpack - webpack でカスタム リゾルバーを作成することは可能ですか?
モジュールが必要な場合は、独自の規則があります。たとえば、次require("./components/SettingsPanel");
のように解決する必要がありますrequire("./components/SettingsPanel/SettingsPanel.js");
そのようなリゾルバーを作成する方法はありますか?
javascript - webpack で material-ui を要求する正しい方法
material-uiを webpack で使おうとしています。ただし、chrome dev-tool でエラー メッセージが表示されました。
私のwebpack.config.js:
webpack で material-ui を要求する方法についていくつか提案が必要です。ありがとう。
node.js - WebPack: bower.json と .bower.json の両方を探す方法
内のコンポーネントを探すために webpack を取得できましたbower_components
。bower コンポーネントにファイルのみが含まれ、ファイルが含まれ.bower.json
ていない場合に問題が発生しbower.json
ます (最初のファイル名の前に が付くことに注意して.
ください)。
私のファイルの簡略版はwebpack.config.js
次のようになります。
jquery.selectBoxItを bower コンポーネントとして使用しようとしています。もう 1 つの問題は、ファイルにmain
フィールドがないことです。.bower.json
価値があるので、そのファイルを以下に含めました。
reactjs - webpack の使用時にルートを直接ロードする
最近、react と webpack の使用を開始しましたが、ほとんどの点で優れていますが、テスト時にアプリが iframe にレンダリングされ、ルート以外のルートを直接読み込むことができなくなります。したがって、テストしたい場合はhttp://localhost:8000/#/signin
、その URL を読み込むことはできませんが、代わりにベース URL を読み込んで、サインイン ページを指すリンクをクリックする必要があります (または、少なくともそれが機能することがわかった唯一の方法です)。 )。
これを行うより良い方法はありますか?
これは、かなりハックなソリューションを備えた同様の質問です。あれから何か変わったことはありますか?
reactjs - extract-text-webpack-plugin React 使用時の window not defined エラー
反応コンポーネントを構築するために webpack を使用しextract-text-webpack-plugin
ており、生成された js ファイルから css を分離するために を使用しようとしています。ただし、コンポーネントをビルドしようとすると、次のエラーが発生します:
Module build failed: ReferenceError: window is not defined
.
私の webpack.config.js ファイルは次のようになります。
html - JS/CSS を HTML ファイルに自動的に追加する方法は?
ルート Javascript ファイルを含む任意の HTML ファイルにWebpack で Javascript ファイルをスキャンして挿入し、(それぞれ) 挿入する方法はありrequire("file.js")
ますrequire("file.css")
か<script type="text/javascript">
?<link rel="stylesheet">
例えば。与えられた:
Main.html
Main.js
この出力が得られることを期待しています:
Main.html
ボーナス ポイント: 機能require("login.scss")
と結果<link rel="stylesheet" type="text/css" href="login.css"/>
(つまり、SCSS ファイルが CSS に変換されるという事実を考慮してください)。
javascript - すべてのエントリ ポイント内にないライブラリの指定されたチャンクを作成します
次のような 3 つのエントリ ポイントと共有ライブラリを含むプロジェクトがあります。
私がやりたいのはLibA
、EntryC にはない共通のチャンクを入れることです。CommonsChunk プラグインを試してみましたが、何が起こるかというと、定義したチャンクが取得するだけでLibA
なく、ライブラリも取得します。EntryA
EntryB
ドキュメントによると、チャンクを作成するとエントリからライブラリを削除する必要がありますが、機能しないようです-削除するEntryC
と機能するため、webpackがそれを共通チャンクに強制しないと思われますEntryC
。これを使って。
何とかそれをオーバーライドできますか?