これは私のスクリプトです:
const webpackDevServer = require('webpack-dev-server');
const webpack = require('webpack');
const config = require('./config');
const options = {
contentBase: './dist',
hot: true,
hotOnly: true,
open: true,
host: 'localhost'
};
webpackDevServer.addDevServerEntrypoints(config, options);
const compiler = webpack(config);
const server = new webpackDevServer(compiler, options);
server.listen(8080, 'localhost');
ブラウザは自動的に開きませんでした。それでは、どうやって実現させるのでしょうか?
関連した質問
- 「CANNOTGET /…」をリンクするReactナビゲーションWebpack
- Landoの環境変数を介してwebpacker開発サーバーの監視オプション(poll、aggregate_timeout)を設定する
- webpack dev server loggingをご覧ください
- Vuejs + Webpack-Dev-Server CSS URL
- 予期しないトークン(16 - 22)このファイルタイプを処理するには、適切なローダーが必要な場合があります
- Webpack Running Debugger?
- react-scripts変数は定義されていませんが、webpackは正常に動作しています
- 「vue-cli-service serve」を使用する場合のoutputdirまたはdist-filesの場所
- モジュールが見つからないときにwebpackコンパイルファイルを停止する方法は?
- 無効な構成オブジェクト。 Webpackは、ReactJSのAPIスキーマと一致しない構成オブジェクトを使用して初期化されました
同じ問題に直面しました。私が知る限り、webpackの「オープン」オプションの実装にはいくつかのバグがありますが、それらを深く掘り下げたくありません。 gluonsで見つかった回避策を使用しました
ただし、私の場合、webpack dev-server.jsファイルの最後にopn(myUrl)を追加するだけで十分に見えました。私の場合、「opn」パッケージはすでにプリインストールされていますが、プリインストールしていない場合は、gluonsのソリューションに示すように依存関係に追加できます。
それがあなたにも役立つことを願っています。