問題タブ [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.
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
javascript - require.ensureにrequire関数を渡すポイントは何ですか?
require.ensure()
私は実際にどのように機能するかを理解しようとします。特に、なぜrequire
コールバックに渡す必要があるのrequire.ensure()
でしょうか?
1.これは機能します:
ただし、パラメータの名前を に変更するrequire
とreq
、
2.これは機能しません:
エラーがスローされます:
この行から来ます:
例 2 が機能しないのはなぜですか?
reactjs - ReactComponentTreeHook予期しない: Webpack 2
React/Webpack2 を使用しようとしていますが、開発モードで動作しています。しかし、本番モードに切り替えようとすると、次のエラーが発生しました。
ソースコードを確認したところ、すべて問題ないように見えますが、どういうわけか機能しません。
助けてくれてありがとう!
私はかなり標準的な構成を使用しています(webpack2オフドキュメントから)
.babelrc { "presets": [ ["es2015", {"modules": false}], // webpack はネイティブのインポート構文を理解し、それをツリー シェーキングに使用します
webpack.common.config
webpack.prod.config
パッケージ.json
javascript - webpack.config.tsのTypescriptでスイッチケースを作成するには?
typescript と webpack 2 構成ファイルの構文に問題があります。
同等の JavaScript は次のとおりです。
Webpack 2 は TS 構成ファイルを取るので、この部分を次のように変更してみました。
「エクスポート宣言はモジュールでのみ使用できます」というエラーが表示されます。しかし、これが何を意味するのかは私には明らかではありません。タイプスクリプトでこれを修正するにはどうすればよいですか? それとも、これは webpack 2 で構成を構築する方法ではありませんか?
javascript - 関数を使用して引数を取る Webpack 2 構成は、配列内に配置すると失敗します
github のこの 1 つのスレッドを除いて、この機能について話している人をあまり見たことがありません: https://github.com/webpack/webpack/issues/2254
この構成は私にとってはうまく機能していますが、別のターゲットでクライアント側の JavaScript を構築できるように、複数の構成を配列として使用したいと考えています。配列に入れるとすぐに壊れます。
これが私の設定です:
そして、これは私がビルドしようとしたときに私が得るエラーです:
リリースされたばかりの 2.1.0-beta.28 にアップグレードしましたが、まだ発生しています。誰にもアイデアはありますか?
好奇心から --output-filename を使用して出力ファイル名を設定しようとしましたが、次のようになります。
ありがとう、
編集:
関数から配列を返すと、両方が正常にビルドされますが、env.dev を使用して watch が true に設定されなくなり、ビルドして終了するだけです。
typescript - TypeScript 2.1.4 で TS2354 エラー メッセージを消すにはどうすればよいですか?
エラー TS2354が発生します: この構文にはインポートされたヘルパーが必要ですが、モジュール 'tslib' が見つかりません。importHelpers
TypeScript 2.1の新しいオプションを使用して、私のwebpack 2ビルドで。バンドルは期待どおりにビルドされているようですが、エラー メッセージが厄介です。ここで私が間違っていることを誰かが指摘できますか? それともrxjs\Subject.d.ts
、エラーごとに問題がありますか ((Subject.d.ts:9,43) という行が使用され、無実のextends
キーワードが使用されています)。
main.ts
パッケージ.json
tsconfig.json
webpack.config.js
reactjs - webpack 2 で最適化の警告を無効にする方法
React/Webpack 2 などで作業しています。Karma テスト ランナーがあり、テストを実行するときに以前に Webpack を起動すると、サイズなどに関する警告出力がコンソールにスローされます (webpack のものであるため、修正できません)。 )。
これらの警告を無効にするにはどうすればよいですか? セットしてみた
stats : 「なし」 ですが、機能していません。
助けてくれてありがとう
PSアップデート1
webpack.testing.config
reactjs - 新しく構成された webpack 2 でエラーが発生する
反応開発アプリ用に webpack 2 を構成しようとしています。以下に欠けているものがあるようです私のwebpack.config.devです
これは私の github リポジトリhttps://github.com/sourabh-garg/Webpack-2-starter-kitです。クローンを作成し、npm install に続いて npm start を実行してください。
私がそれを実行すると、私は得る
私が欠けているものを教えてください。
javascript - webpack の package.json の解析エラー
次の単純な webpack.config.js ファイルがあります。
Webpack を定義している一番上の行をコメント アウトすると、ProvidePlugin を定義するときに Webpack を参照しているため、エラーが発生します。ただし、その最初の行を含めると、次の不可解なエラーが発生します。
まず、node_modules フォルダーが Apache ルート ディレクトリである理由がわかりません。次に、解析エラーが発生するのはなぜですか? package.json
ファイルはnpm経由でインストールされたものではありませんか? どのように構文エラーが発生する可能性がありますか?