admin管理员组

文章数量:1644028

旧版本含build文件的vue项目修改logo

在build文件下的webpack.dev.conf.js 修改如下信息：

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  inject: true,
  favicon:'./src/assets/logo.png' // 添加logo代码
}),

在build文件下的webpack.prod.conf.js 修改如下信息：

new HtmlWebpackPlugin({
  filename: config.build.index,
  template: 'index.html',
  inject: true,
  minify: {
    removeComments: true,
    collapseWhitespace: true,
    removeAttributeQuotes: true
  },
  chunksSortMode: 'dependency',
  favicon:'./src/assets/logo.png' //添加logo代码
}),

特别注意的是修改了webpack.dev.conf.js文件下，本地运行项目，logo是改变了，然而项目打包dist到线上时候还是没用，因为需要修改第二个文件，也就是修改配置线上的文件webpack.prod.conf.js 即可

本地运行dist文件

npm i -g http-server (全局安装http-server)
npm run build打包后进入dist文件，控制台输入：http-server即可

本文标签： 浏览器文件方法LOGOtitle

版权声明：本文标题：解决修改浏览器title的logo不显示问题，附加本地运行打包的dist文件方法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1729381144a1199132.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。