vue中添加标签页title前面小图标

一，将favicon.ico图标放到static目录下

二，在index.html中引入favicon.ico

<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">

三，webpack.dev.conf.js 配置 favicon: path.resolve('static/favicon.ico') 配置后如下：

plugins: [
    new webpack.DefinePlugin({
      'process.env': require('../config/dev.env')
    }),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
    new webpack.NoEmitOnErrorsPlugin(),
    // https://github.com/ampedandwired/html-webpack-plugin
    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true,
      favicon: path.resolve('static/favicon.ico')
    }),

完