在vue项目中配置favicon图标

最新推荐文章于 2024-04-06 20:10:36 发布

weixin_34290390

最新推荐文章于 2024-04-06 20:10:36 发布

阅读量515

点赞数

文章标签： javascript webpack ViewUI

原文链接：https://juejin.im/post/5c46be40f265da61561f8e7e

版权

配置favicon图标主要有两个位置。

1、开发环境：
路劲：C:\Users\JensonJin\Desktop\demo_v\build\webpack.dev.conf.js
找到：如下位置添加favicon及路径即可

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  inject: true,
  favicon:'static/bitbug_favicon.ico'
})

2、生产环境，即bulid后
路劲：C:\Users\JensonJin\Desktop\demo_v\build\webpack.prod.conf.js
找到：如下位置添加favicon及路径即可

new HtmlWebpackPlugin({
  filename: config.build.index,
  template: 'index.html',
  inject: true,
  favicon: 'static/bitbug_favicon.ico',
  minify: {
    removeComments: true,
    collapseWhitespace: true,
    removeAttributeQuotes: true
    // more options:
    // https://github.com/kangax/html-minifier#options-quick-reference
  },
  // necessary to consistently work with multiple chunks via CommonsChunkPlugin
  chunksSortMode: 'dependency'
}),复制代码

转载于:https://juejin.im/post/5c46be40f265da61561f8e7e