問題タブ [webpack-dev-server]
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.
webpack - モジュールが見つかりません: エラー: モジュール 'server' を解決できません
プロジェクト内のファイルを管理するために webpack を使用しようとしています。私はwebpack-dev-serverとbower-webpack-pluginを使用しています。サーバーを実行すると、ブラウザ コンソールにエラーが表示されます。
モジュールが見つかりません: エラー: モジュール 'server' を解決できません
webpack.config.js
編集:今、bower -webpack-pluginなしでこの webpack 構成を使用します
パッケージ.json
ブラウザのコンソール出力
index.html
bower.json
webpack - Webpack-dev-server がソース マップを生成しない
babel-loaderを使用していますが、トランスパイルされたファイルのソース マップを生成する方法や場所がわかりません。私は試しましeval-source-map
たinline-source-map
、、source-map
。
webpack.config.js
パッケージ.json
編集://
結局、このwebpack.config.jsとこのpackage.jsonは私にとってはうまくいきます。
edit2://
html - webpackに独自のjadeファイルを使用するにはどうすればよいですか?
私はwebpackを初めて使用し、webpack-dev-serverとwebpackビルドで独自のhtmlファイルを使用する方法を理解しようとしています。
私のapp.jsには次のものがあります:
require('!jade!index.jade')
しかし、それは私が期待するようにはなりませんindex.html
。代わりに、せいぜい自分のhtmlの文字列出力を取得できるようですが、これは私が望んでいるものではありません:
index.html ファイルを出力するにはどうすればよいですか? そのhtmlファイルを使用するようにwebpack-dev-serverを取得するにはどうすればよいですか?
また、私の翡翠ファイルがスタイラスファイルを参照する可能性が高いことにも言及する必要があります
webpack - gulp を介した Webpack のホット リロード、publicPath が問題を引き起こす
ホットリロード機能を正しく動作させることができないようです。更新を行うたびに、次のエラー メッセージが表示されます。
http://localhost:9090/cd0492f7657672ef15e4.hot-update.json 404 (見つかりません)
[HMR] アップデートを適用できません。フルリロードが必要です!
[HMR] (おそらく webpack-dev-server の再起動のため)
に行くと404を取得しますが、に行くとファイルを見つけることができるため、これが原因publicPath: '/js/',
であると確信しています。gulpfile.js
http://localhost:9090/cd0492f7657672ef15e4.hot-update.json
http://localhost:9090/js/cd0492f7657672ef15e4.hot-update.json
ただしpublicPath: '/js/'
、必要なapp.js
ので、修正方法がわかりません。アイデアはありますか?
webpack.config.js
gulpfile.js
webpack - webpack はどのように react-router/lib/HashHistory または react-router/lib/BrowserHistory をロードしますか?
webpack-dev-server と react-router を起動して実行しようとしています。私の問題は、基本的なページさえロードできないように見えることです-私のメインファイルは次のようになります:
そして、標準のwebpack.config.jsがあります。
webpack は 'react-router/lib/HashHistory' から何かをどのようにロードしていますか? そのルーターは、HDD に物理ファイルを生成しません。それはどこからロードされますか?この問題が示唆するように、最新のベータ版だけの問題でしょうか?
reactjs - 反応とウェブパックのホットローダー。「ルートがロードされるのを待っています...インスペクターをリロードします」
反応を 0.13.3 に更新したところ、Chrome 反応開発者ツールで次のメッセージが表示され、"waiting for roots to load...to reload the inspector"
「ここをクリック」というボタンが表示されます。
ボタンをクリックすると、同じことが繰り返されます。
参考: WebPack と webpack-dev-server を使用しています。
これを見たことがありますか?
npm - Mocha テストが Webpack と mocha-loader で実行されない
バックグラウンド
Webpack がどのように機能するかをよりよく理解するために、いくつかの npm スクリプトを Webpack ローダーに移植しています。Mocha テスト以外はすべて機能していますmocha-loader
。失敗しています:
質問
src/**/*.test.js
Webpack で Mocha を使用してすべてのファイルを実行するには、別の方法で何をする必要がありますか?
再現する手順
- クローンhttps://github.com/trevordmiller/webpack-loaders-playground
- 実行
npm test
して、テストがどのように機能するかを確認します - 実行
npm run dev
して、Webpack でテストが実行されないことを確認します