zoukankan html css js c++ java

Vue. 之替换左上角 title标签处的图标

　1、icon命名为favicon.ico放在项目的位置：src/assets/favicon.ico

　
2、在index.html中写入： <link rel="shortcut icon" type="image/x-icon" href="src/assets/favicon.ico" media="screen" >

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>文档资源后台管理 V1.0.0</title>

    <link rel="shortcut icon" type="image/x-icon" href="src/assets/favicon.ico" media="screen" >

  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

3、修改build下面webpack.prod.conf.js和webpack.dev.conf.js：

　　webpack.prod.conf.js：（ favicon: path.resolve('src/assets/favicon.ico'), // 引入图片地址）

    // generate dist index.html with correct asset hash for caching.
    // you can customize output by editing /index.html
    // see https://github.com/ampedandwired/html-webpack-plugin
    new HtmlWebpackPlugin({
      filename: config.build.index,
      template: 'index.html',
      favicon: path.resolve('src/assets/favicon.ico'), // 引入图片地址
      inject: true,
      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'
    }),

webpack.dev.conf.js：（ favicon: path.resolve('src/assets/favicon.ico'), // 引入图片地址

 // https://github.com/ampedandwired/html-webpack-plugin
    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true,
      favicon: path.resolve('src/assets/favicon.ico'), // 引入图片地址 
    }),

引自：https://www.cnblogs.com/Charles-Yuan/p/11516170.html

查看全文

相关阅读:
2017校赛问题 F: 懒人得多动脑
 2017校赛 C: 不爱学习的小W【模拟】
方程解的个数【数论】
小兔蹦蹦跳【脑洞】
例2-2显示文字
 例2-6 数值转换列表
 例2-3 转换数值
 例2-1 输出文字
 例1-1 求n！
#文件1向文件中输出字符数据——fgetc

原文地址：https://www.cnblogs.com/hzh-666/p/12329944.html

Vue. 之 替换 左上角 title标签处的图标

Vue. 之替换左上角 title标签处的图标