zoukankan      html  css  js  c++  java
  • vue 添加favicon.ico

    第一种: 修改index.html头部加载文件

    <link rel="shortcuticon" type="image/x-icon" href="favicon.ico" /> 
    缺点:打包后需要将favicon.ico复制到根目录
     
     

    第二种: 

    1.找到build下的webpack.dev.conf.js文件

    new HtmlWebpackPlugin({
          filename: 'index.html',
          template: 'index.html',
          inject: true,
          favicon: path.resolve('favicon.ico')  //新增
     })
    2.找到build下的webpack.prod.conf.js文件
    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 
    打包后根目录下就会有favicon.ico
     
  • 相关阅读:
    Careercup
    Careercup
    Careercup
    Careercup
    Careercup
    Careercup
    Careercup
    Careercup
    Careercup
    Careercup
  • 原文地址:https://www.cnblogs.com/wpTing/p/13891957.html
Copyright © 2011-2022 走看看