VUEは、自動的にブラウザを開くことができません。

オリジナルリンク:ポイント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を実行することができます。

おすすめ

転載: www.cnblogs.com/myfate/p/11574097.html