场景需求:
在浏览器标签页头部定义项目的中文名称和icon
例:
大家对Vue2.0的修改页面浏览器标题的方式会很熟悉,直接修改index.html里面<title>标签内的中文就可以了.
但是由于Vue3.0中优化了很多文件的处理方式也可以像以前那样简单粗暴的直接进行修改<title>里面的内容
但是为了更严谨一点的话,还是需要在vue.config.js里面进行修改
configureWebPack: {
name: 'your project name'
}
修改icon的话, 需要在入口index.html页面通过link的方式进行引入加载, 声明link的类型为icon
<link rel="icon" href="<%= BASE_URL %>favicon.ico">