vue-cli4配置标题title和图标favicon.ico

1、配置全局默认标题

（1）首先，在index.html页面增加配置

<title><%= htmlWebpackPlugin.options.title %></title>

（2）vue.config.js文件配置

module.exports = {
    //配置主路径
    publicPath: '/web',
    chainWebpack: config => {
        //设置标题  默认不设置的话是项目名字
        config.plugin('html').tap(args => {
          args[0].title = "默认标题"
          return args
        })
    }
}

以上，chainWebpack中可以设置默认标题

2、vue-cli4 配置favicon.ico

（1）首先在index.html文件配置

<link rel="icon" href="<%= BASE_URL %>favicon.ico">

（2）vue.conflg.js文件配置

// 第三方插件配置
  pluginOptions: {
    // ...
    pwa: {
      iconPaths: {
        favicon32: './favicon.ico',
        favicon16: './favicon.ico',
        appleTouchIcon: './favicon.ico',
        maskIcon: './favicon.ico',
        msTileImage: './favicon.ico'
      }
    },
  }

目录如下：

 

————————————————
版权声明：本文为CSDN博主「lala_shine」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u013594477/article/details/122166368