オリジナルリンク:ポイントI
インストールなしのプラグインが存在しないので、それは自動的に、ブラウザを開くことができない場合。
プラグ取付方法
CMD 1.プラグ入力:
--save- NPM-オープンブラウザI $ -WebPACKプラグイン
私はここインストール表し、それは略語です。
2.ビルド\ webpack.dev.conf.jsファイルを変更します。
下の文の最上部に追加しました:
=( 'オープン必要とするvar OpenBrowserPluginブラウザのWebPACK-プラグインは')
、プラグインに追加しました:
新しいOpenBrowserPlugin({URL: 'のhttp:// localhostを:8080'})、
VAR設定=(」../設定')を必要と するvarのWebPACK =必要とする('のWebPACK ') VaRのマージ=(' WebPACKのマージ')を必要とする =は(' ./がUTILS ')を必要とするvar utilsの VAR baseWebpackConfigは=必要('。 /webpack.base.conf ') VAR HtmlWebpackPlugin =必要(' HTML-のWebPACK-プラグイン') するvar =は必要FriendlyErrors('優しい-エラー-のWebPACK-プラグイン')のvar OpenBrowserPlugin =(必要'オープン・ブラウザのWebPACK-Plugin'を) //エントリチャンクにホットリロード関連のコードを追加 Object.keys(baseWebpackConfig.entry).forEach(関数(名前){ baseWebpackConfig.entry [名] = [」./build/dev-client'].concat(baseWebpackConfig .ENTRY [名]) }) module.exportsは=マージ(baseWebpackConfig、{ モジュール。{ ローダー:utils.styleLoaders({sourceMap:config.dev.cssSourceMap}) }、 // EVAL-ソースマップは、開発のために高速です : '#EVAL-ソースマップ'、devtool プラグイン:[ 新しいOpenBrowserPlugin({URL: " http://192.168.10.105:8080' })、 新しいwebpack.DefinePlugin({ 'process.env':config.dev.env }) // https://github.com/glenjamin/webpack-hot-middleware #インストール-用法 新しいwebpack.optimize.OccurrenceOrderPlugin()、 新webpack.HotModuleReplacementPlugin()、 新webpack.NoErrorsPlugin()、 // https://github.com/ampedandwired/html-webpack-plugin 新しいHtmlWebpackPlugin({ ファイル名: 'index.htmlを' テンプレート: 'index.htmlを'、 注入:真 })、 新しいFriendlyErrors() ] })
3.最後に、あなたはNPM実行DEVを実行することができます。