問題タブ [webpack-2]

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 投票する
0 に答える
342 参照

javascript - boostrap-sass を使用した Webpack ExtractTextPlugin

ブートストラップ sass と抽出テキスト プラグインを使用して、コンパイルされた css をファイルに出力しています。style.scss 内にブートストラップをインポートしない場合は完全に機能しますが、ブートストラップ webpack をインポートするとフォント パスを解決できません。/node_modules/bootstrap-sass/ ではなく、src フォルダーでブートストラップ フォントを探します。

モジュールが見つかりません: エラー: 'ファイル' または 'ディレクトリ' を解決できません ../fonts/bootstrap/glyphicons-halflings-regular.svg in /Users/yasinyaqoobi/Sites/dari-dictionary-api/src/assets/sass

@import "~bootstrap-sass/assets/stylesheets/bootstrap";

パッケージ.json

webpack.config.js

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

javascript - require.ensureにrequire関数を渡すポイントは何ですか?

require.ensure()私は実際にどのように機能するかを理解しようとします。特に、なぜrequireコールバックに渡す必要があるのrequire.ensure()でしょうか?

1.これは機能します:


ただし、パラメータの名前を に変更するrequirereq

2.これは機能しません:

エラーがスローされます:

この行から来ます:

例 2 が機能しないのはなぜですか?

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

reactjs - ReactComponentTreeHook予期しない: Webpack 2

React/Webpack2 を使用しようとしていますが、開発モードで動作しています。しかし、本番モードに切り替えようとすると、次のエラーが発生しました。

ソースコードを確認したところ、すべて問題ないように見えますが、どういうわけか機能しません。

助けてくれてありがとう!

私はかなり標準的な構成を使用しています(webpack2オフドキュメントから)

.babelrc { "presets": [ ["es2015", {"modules": false}], // webpack はネイティブのインポート構文を理解し、それをツリー シェーキングに使用します

webpack.common.config

webpack.prod.config

パッケージ.json

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

javascript - webpack.config.tsのTypescriptでスイッチケースを作成するには?

typescript と webpack 2 構成ファイルの構文に問題があります。

同等の JavaScript は次のとおりです。

Webpack 2 は TS 構成ファイルを取るので、この部分を次のように変更してみました。

「エクスポート宣言はモジュールでのみ使用できます」というエラーが表示されます。しかし、これが何を意味するのかは私には明らかではありません。タイプスクリプトでこれを修正するにはどうすればよいですか? それとも、これは webpack 2 で構成を構築する方法ではありませんか?

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

javascript - 関数を使用して引数を取る Webpack 2 構成は、配列内に配置すると失敗します

github のこの 1 つのスレッドを除いて、この機能について話している人をあまり見たことがありません: https://github.com/webpack/webpack/issues/2254

この構成は私にとってはうまく機能していますが、別のターゲットでクライアント側の JavaScript を構築できるように、複数の構成を配列として使用したいと考えています。配列に入れるとすぐに壊れます。

これが私の設定です:

そして、これは私がビルドしようとしたときに私が得るエラーです:

リリースされたばかりの 2.1.0-beta.28 にアップグレードしましたが、まだ発生しています。誰にもアイデアはありますか?

好奇心から --output-filename を使用して出力ファイル名を設定しようとしましたが、次のようになります。

ありがとう、

編集:

関数から配列を返すと、両方が正常にビルドされますが、env.dev を使用して watch が true に設定されなくなり、ビルドして終了するだけです。

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

typescript - TypeScript 2.1.4 で TS2354 エラー メッセージを消すにはどうすればよいですか?

エラー TS2354が発生します: この構文にはインポートされたヘルパーが必要ですが、モジュール 'tslib' が見つかりません。importHelpersTypeScript 2.1の新しいオプションを使用して、私のwebpack 2ビルドで。バンドルは期待どおりにビルドされているようですが、エラー メッセージが厄介です。ここで私が間違っていることを誰かが指摘できますか? それともrxjs\Subject.d.ts、エラーごとに問題がありますか ((Subject.d.ts:9,43) という行が使用され、無実のextendsキーワードが使用されています)。

main.ts

パッケージ.json

tsconfig.json

webpack.config.js

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

reactjs - webpack 2 で最適化の警告を無効にする方法

React/Webpack 2 などで作業しています。Karma テスト ランナーがあり、テストを実行するときに以前に Webpack を起動すると、サイズなどに関する警告出力がコンソールにスローされます (webpack のものであるため、修正できません)。 )。

これらの警告を無効にするにはどうすればよいですか? セットしてみた

stats : 「なし」 ですが、機能していません。

助けてくれてありがとう

PSアップデート1

webpack.testing.config

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

reactjs - 新しく構成された webpack 2 でエラーが発生する

反応開発アプリ用に webpack 2 を構成しようとしています。以下に欠けているものがあるようです私のwebpack.config.devです

これは私の github リポジトリhttps://github.com/sourabh-garg/Webpack-2-starter-kitです。クローンを作成し、npm install に続いて npm start を実行してください。

私がそれを実行すると、私は得る

私が欠けているものを教えてください。

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

javascript - webpack の package.json の解析エラー

次の単純な webpack.config.js ファイルがあります。

Webpack を定義している一番上の行をコメント アウトすると、ProvidePlugin を定義するときに Webpack を参照しているため、エラーが発生します。ただし、その最初の行を含めると、次の不可解なエラーが発生します。

まず、node_modules フォルダーが Apache ルート ディレクトリである理由がわかりません。次に、解析エラーが発生するのはなぜですか? package.jsonファイルはnpm経由でインストールされたものではありませんか? どのように構文エラーが発生する可能性がありますか?