問題タブ [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.

0 投票する
1 に答える
2280 参照

javascript - Webpack:コンパイル時にJavaScript式を評価することは可能ですか?

プロジェクト用に webpack をセットアップしようとしています。プロジェクトは十分に大きく、複数の言語で提供されています。各エントリ ポイントを各言語で個別のファイルとして提供する必要があります。私の言語ファイルは単なる JSON ではなく、代わりに JavaScript です。そのため、i18n プラグインは私のニーズと一致しません。

解決策は i18n プラグインに似ているようです:

次に、いくつかのスクリプトで、環境変数を使用してローカライズ ファイルを要求したいと考えています。

ただし、デフォルトでは、webpack は、後でブラウザーで評価することを想定して、その式を括弧内に格納しようとします。

それで、それをすぐに評価するようにwebpackに指示する方法はありますか?

それとも、誰かが私の問題に対するより良い解決策を持っていますか?

0 投票する
7 に答える
82851 参照

javascript - Webpack で jQuery を実際の Window オブジェクトに公開する

jQuery オブジェクトを、ブラウザーの開発者コンソール内でアクセスできるグローバル ウィンドウ オブジェクトに公開したいと考えています。今、私のwebpack設定には次の行があります:

これらの行は、webpack モジュールの各ファイルに jQuery 定義を追加します。しかし、プロジェクトをビルドして開発者コンソールで jQuery にアクセスしようとすると、次のようになります。

これらのプロパティは未定義であると言われています...

これを修正する方法はありますか?

0 投票する
2 に答える
1295 参照

javascript - 実稼働用の Node バックエンドを使用して webpack hot dev-server をセットアップする

私は webpack にバンドルされたフロントエンド アプリケーションを持っています。これは Node バックエンド サーバーによって提供され、通信します。

Webpack ホット開発サーバーが で実行されてい8080ます。ノード バックエンドは で実行されてい1985ます。

Nodeからサービスを提供したいのですindex.htmlが、開発中は最新の開発サーバーからアセットを提供したいと考えています。これを達成するために私は持っています:

webpack config で publicPath の絶対値を設定します

また、絶対 URL を使用index.htmlして、ホットな開発サーバーを指すようにしました。

そのため、ホットな開発サーバーを実行し、ノード サーバーを実行して を参照できますhttp://localhost:1985。すべてが素晴らしいです。

しかし、本番環境でデプロイ/実行するようになると、これは間違いなく私が望むものではありません. vendors.jsandの相対 URL が必要であり、スクリプトbundle.jsを含めたくありません。webpack-dev-server.js

サーバー上でハンドルバーまたはその他のテンプレートを使用して絶対/相対パスを指定できますが、ホットな開発サーバー スクリプトを削除するクリーンな方法は提供されません。セットアップごとに異なるインデックス ファイルを使用することもできますが、これはすぐにバグにつながるようです。

開発でホットな開発サーバーを使用できるようにするために、これをどのように構造化/展開するのが最善でしょうか?

0 投票する
3 に答える
66885 参照

javascript - React + webpack: 'process.env' は定義されていません

webpack を使用して、サイトでホットな開発サーバーを実行しようとしています。このサイトでは、次のコードを含む ReactJS を使用しています。

ホットスワップを実行していない場合は問題ありませんが、ホットスワップを使用すると実行され、エラーが発生します。

コードは次のようになります。

エラーはこの行にあります

このプロジェクトは、機能するhttps://github.com/webpack/react-starterをモデルにしてます。質問は次のとおりです。構成ファイルでどのようなエラーが発生したか、および/または「プロダクション」コンパイルが正常に機能するときにエラーを探すにはどうすればよいですか?

webpack config fileの要点を投稿しました。

0 投票する
1 に答える
665 参照

javascript - WebPack にバンドルされている Visual Studio で JavaScript コードをデバッグする

私は JS 開発に不慣れで、Visual Studio 2013 での JS コードのデバッグに関する問題を経験しています。Web アプリの JS 部分は、WebPack によって単一の app.bundle.js ファイルにバンドルされています。このファイルは、js ファイルが変更されるたびに自動的に更新されます ( npm を使用する特別な監視スクリプトを使用します)。

Chrome とdebugger;derecitve を使用して JS コードをデバッグできます。「webpack:///./Scripts/」などの種類のパスの下に正しくマップされたファイルが表示されます。これは、WebPack が正しくマッピングを作成することを意味します。しかし、コール スタック、ブレーク ポイントなどを使用して VS から直接デバッグしたいと思います。

何か案は?

前もって感謝します!

0 投票する
2 に答える
2400 参照

javascript - Webpack と Dojo ツールキット

webpack で dojo をビルドしようとしていますが、このエラーが発生します

dojo ローダー モジュール i18n、 text 、 has などに問題があるようです。

誰かがこれを試したことがありますか、またはこれが可能であればアイデアはありますか?

0 投票する
1 に答える
56 参照

webpack - WebPack で要求した後にモジュールを使用する

私は ReactJS を学び始めており、依存関係を管理するために WebPack を使用することにしました。ここで、たとえばarrayJSを追加したいと思います。提供されたメソッドを要求した後、どのように使用できますか?

arrayJS が提供する'sort' メソッドを使用してアイテムを名前で並べ替えるにはどうすればよいですか?

何かのようなものDATA.items.sort('name')

ありがとう

0 投票する
10 に答える
17660 参照

javascript - webpack を使用してコンソールから require() するにはどうすればよいですか?

コンソールからモジュールを require() / import するにはどうすればよいですか? たとえば、ImmutableJS npm をインストールしたとします。コンソールで作業しているときに、モジュールの関数を使用できるようにしたいと考えています。

0 投票する
1 に答える
28 参照

javascript - WebPack:他のjsの値を取得するには?

私はWebPack
を使用していますこれは私のコードです:
test.js:

Main.js :

しかし、「test.superText is undefined」と表示されますが、require の変数にアクセスできますか? はいの場合、どのようにお願いしますか?ありがとう

0 投票する
0 に答える
392 参照

javascript - 逆流および不変のjs ES6 webpack chromeでスコープを使用する

ES6 で webpack と chrome を使用するとスコープの問題が発生します

これが私のコードです:

問題は、上記のスコープで定義されているのに、init 関数のスコープでは定義されていないのはなぜですか? 助けてくれてありがとう

babel の後にコンパイルされたコードは、「use strict」のようなものです。