問題タブ [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.
javascript - インスタンス間の webpack 監視キャッシュ
インスタンス間で共有される webpack のキャッシュ オプションの例はありますか? Webpackのドキュメントでは、次のように述べています。
オブジェクトを渡して有効にし、渡されたオブジェクトを webpack にキャッシュとして使用させることができます。このようにして、複数のコンパイラ呼び出し間でキャッシュ オブジェクトを共有できます。注: 異なるオプションを指定した呼び出し間でキャッシュを共有しないでください。
しかし、実装については明確ではありません。何か助けはありますか?ありがとう
javascript - 同形の JS アプリの環境変数: Webpack の検索と置換?
ブラウザーがサーバーと同じコードを実行するように、webpack を使用して同形の JS アプリ (この例に基づく) をバンドルしています。config.js
サーバーの環境変数から取り込まれたいくつかの設定があることを除いて、すべてがスムーズに実行されています。
サーバーではこれは壮大ですが、webpack がクライアントに対してこれをレンダリングするprocess
と空になり、これは機能しません。
そのファイル内のコンテンツだけでそれらを置き換える一種の「検索と置換」webpackプラグインがあることを願っていますか?
node.js - node-webkit で webpack を使用してノード モジュールをネイティブ アドオンにバンドルする方法は?
node-webkit (つまり nw.js) v0.8.6で使用するpty.jsをビルドしようとしています。
シンプルなapp.jsとindex.htmlを使用すると、アプリは JavaScript コンソールでエラーなしで起動します。
パッケージ.json :
app.jsをbundle.jsにバンドルして、webpack経由で ES6 と JSX のコンパイルをサポートしたいと考えています。
app.js のバンドル:
しかし、webpack は次のエラーで失敗します:
require
ネイティブ バイナリ (のような) を ing するときにローダーを使用する必要がありpty.node
ますか? webpack のドキュメントには、"node-webkit"
ターゲットが「ネイティブ node.js モジュールをサポートする」と記載されています。おそらく、まだネイティブ アドオンをサポートしていないのでしょうか?
javascript - Webpackを理解しようとしている
私は HTML/CSS/PHP/MYSQL プログラマーで、現在 JavaScript を学ぼうとしています。現在使用しているウェブメール (オープン ソース) のコードを掘り下げて、それがどのように機能するかを理解しようとしています。ページのさまざまな部分がどのように読み込まれるかを理解しようとしています (PHP で取得するページのリロードなし)。私が間違っていなければ、それを行うためにwebpackを使用しています。私が間違っていなければ、ページのすべての部分がモジュールとしてロードされます。
これは、その魔法を可能にするコード (の一部) のようです。さて、コードの後半で、webpack は次のように使用されます。
私が正しければ、この関数は、settingsClick のようなボタンをクリックするとモジュールをロードします。しかし、モジュール番号はどこで定義/割り当てられていますか?
私を道に導くための助けがあれば大歓迎です!
javascript - webpack: MacOS では正常、Linux ではローダー エラー
webpack/raw-loader/sass-sync-loader に問題があります。私のローカルマシンでは、問題なく動作します。ただし、私の Linux CI サーバーでは、webpack が失敗します。
何が起こっているのかの診断を開始する方法について、誰かが私に指針を与えることができますか? どこから始めればよいかよくわかりません。
Linux での webpack の出力は次のとおりです。
javascript - Webpack と Sass でスプライトを使用するには?
カスタム タスクを使用してビルド システムを Grunt から Webpack に移行しています。JavaScript モジュールに関してはうまく機能しますが、Sass スタイルシートをどうすればよいかよくわかりません。
Webpack が bundle.css を読み取って生成できる AMD モジュールの Sass ファイルに依存しています。しかし、理想的には、ビルド パイプラインでスプライトスミスを使用してスプライトを生成し、イメージをビルド ディレクトリにコピーし、Sass ミックスインを使用して正しい CSS ルールを生成したいと考えています。
SO と Google の両方でこれをよく調査しましたが、同様のシナリオを実行している人は見つかりませんでした。webpackのみを使用する必要がありますか? または、画像を監視し、スプライトを生成してから、その上で Webpack を実行する別の Grunt タスクを用意する必要がありますか?
git - マルチユーザーモードでの Webpack と git
同じファイルにアクセスできる 3 ~ 4 人の開発者がいる小さなチーム。各修正/更新の後、およびコミット/サーバーへのプッシュの後、他の開発者 (プル時) は、バンドルやチャンクなどの再構築でノンストップの「マージ競合」の問題を抱えています。
この問題を簡単に解決するには?もちろん、他の開発者 (webpack と js のユーザーではない) は、マージの競合などの問題を抱えていてはなりません。
javascript - Webpackの「publicPath」は何をしますか?
Webpack ドキュメントにoutput.publicPath
は次のように記載されています。
output.path
JavaScript のビューから。
これが実際に何を意味するのか詳しく教えてください。
Webpack が結果を出力する場所を指定するためoutput.path
に andを使用していますが、何を入力すればよいか、またそれが必要かどうかがわかりません。output.filename
output.publicPath
reactjs - webpackでjestを使用するには?
React コンポーネントの開発にwebpackを使用しています。以下は、その単純なバージョンです。
ここで、 jestを使用してこのコンポーネントをテストしたいと思います。ここに私の関連するビットがありますpackage.json
:
を実行するnpm test
と、次のエラーが表示されます。
SyntaxError: /Users/mishamoroshko/react-component/src/tests/MyComponent.js: /Users/mishamoroshko/react-component/src/MyComponent.js: /Users/mishamoroshko/react-component/src/MyComponent.less: Unexpectedトークン ILLEGAL
require('./MyComponent.less')
jest がテストを実行する前に、webpack を処理する必要があるようです。
jest-webpack のようなものを使用する必要があるのだろうか。はいの場合、複数scriptPreprocessor
の を指定する方法はありますか? (私はすでに使用していることに注意してくださいbabel-jest
)
javascript - Webpack の require が機能しない
だから私はjQueryを使ってこのコードを持っています...
これがlocations.js
含まれています:
ただし、$.each
上記の最初のコード ブロックの行では、次のエラーが発生します。
Uncaught ReferenceError: locations is not defined
今、私はそれを初期化したと思った...これは私のwebpack.config.js
とは、bundle.js
とlocations.js
それぞれが保存されているのと同じディレクトリにjs/bundle.js
ありjs/locations.js
ます。
私は何を間違っていますか?