vue favicon.ico正确显示

方法1 修改webpack配置vue 中修改webpack配置使其正确显示, 版本如下"vue": "^2.1.9","webpack": "^2.2.1","html-webpack-plugin": "^2.28.0"修改文件webpack.dev.conf.js# divl

《源码好优多》

9606人浏览 · 2018-03-06 10:43:05

《源码好优多》 · 2018-03-06 10:43:05 发布

方法1 修改webpack配置

vue 中修改webpack配置使其正确显示, 版本如下

"vue": "^2.1.9",
"webpack": "^2.2.1",
"html-webpack-plugin": "^2.28.0"

修改文件

webpack.dev.conf.js
    # div
    let path = require('path') // 增加
    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true,
      favicon: path.resolve('favicon.ico') // 增加
    }),
webpack.prod.conf.js
    # prod
    new HtmlWebpackPlugin({
      filename: config.build.index,
      template: 'index.html',
      inject: true,
      favicon: path.resolve('favicon.ico'), //新增
      minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true
        ...
    }),

以上代码笔者通过测试, 可以正确展示favicon图标

注意得重新打开dos窗口启动npm run dev

方法2 修改index.html

测试没通过, 待有时间解决做个记录

<head>
    <meta charset="utf-8">
    ...
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/></head>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^