vue学习—— favicon.ico正确显示

favicon.ico正确显示方法

安装 html-webpack-plugin

npm install html-webpack-plugin -save-v

安装成功后在package.json下会生成版本号

"file-loader": "^1.1.4",
"friendly-errors-webpack-plugin": "^1.6.1",
"html-webpack-plugin": "^2.30.1",

修改文件

webpack.dev.conf.js
    # div
    let path = require('path') // 此处创建项目的时候就已经生成
    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true,
      favicon: path.resolve('favicon.ico') // 增加
    }),
webpack.prod.conf.js
    # prod
    new HtmlWebpackPlugin({
      filename: config.build.index,
      template: 'index.html',
      inject: true,
      favicon: path.resolve('favicon.ico'), //新增
      minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true
        ...
    }),

重新npm run dev代码就可以看到效果了