为VUE 脚手架中自定义title标签页小图标

livem 发布于2019-08-23 16:59 / 3136人阅读

摘要：效果如图所示一在项目同级目录下添加文件二在项目中引入三配置配置文件文件夹下面在下面两个配置文件中加入具体位置四重新运行项目

效果如图所示:

一、在项目index.html同级目录下添加favicon.ico文件

二、在项目index.html中引入

三、配置webpack配置文件(build文件夹下面)

在下面两个配置文件中加入:

favicon: path.resolve("./favicon.ico")

具体位置：

1.webpack.prod.conf.js

new HtmlWebpackPlugin({ 
    filename: config.build.index, 
    template: "index.html", 
    favicon: path.resolve("./favicon.ico"), 
    inject: true, 
}),

2. webpack.prod.dev.js

new HtmlWebpackPlugin({
      filename: process.env.NODE_ENV === "testing"
        ? "index.html"
        : config.build.index,
      template: "index.html",
      favicon: path.resolve("./favicon.ico"),
      inject: true,
      minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true
        // more options:
        // https://github.com/kangax/html-minifier#options-quick-reference
 })

四、重新运行vue项目

    npm run dev

超融合服务器混合云自定义图标自定义标签 php定义标签 html 定义标签

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103621.html

Vue脚手架的简单使用

摘要：提前申明注意自己对脚手架的理解和认识，很多东西和理解都是形象上的手法，并不专业和官方一种项目构建工具，可以将和压缩成一个文件。之后使用项目名进入项目根目录，使用来自动安装项目依赖。提前申明注意：自己对vue脚手架的理解和认识，很多东西和理解都是形象上的手法，并不专业和官方 webpack 一种项目构建工具，可以将css和js压缩成一个文件。此外，可以提供测试用服务器。使用webpa...

Genng 2019-08-22 18:35 评论0 收藏0
Vue全栈开发之百度贴吧

这个百度贴吧的项目是 vue + koa + sequelize 的项目。由于没有百度贴吧API接口，所以自己写了后端项目部分截图（GIF） showImg(https://user-gold-cdn.xitu.io/2019/7/13/16bea513a0805b84?w=480&h=1040&f=gif&s=4456077);showImg(https://user-gold-cdn.xi...

stefanieliang 2019-08-23 18:39 评论0 收藏0
flutter笔记4：使用material原生控件开发一个APP

摘要：体验热更新带来的开发周期加速。学会使用有状态控件，增强了应用的交互。使用和创建了一个支持懒加载的无限滚动列表。了解如何使用主题更改应用的外观。接着上一篇，我们做一个这样的APP：showImg(https://segmentfault.com/img/remote/1460000013672700); 开始之前，我发现了一个好玩的东西，每次我们在终端中输入命令： flutter ru...

lifefriend_007 2019-08-22 15:19 评论0 收藏0
可视化爬虫配置chrome插件开发之搭建vue开发环境

摘要：使用开发插件的好处本次开发的插件是抓取配置插件，有很多的表单以及弹出层，如果纯使用的话会有很多动态创建的操作。使用和的语法以及的加载器相配合，可以减少大量动态创建的代码。使用vue开发chrome插件的好处本次开发的插件是抓取配置插件，有很多的form表单以及弹出层，如果纯使用js的话会有很多动态创建dom的操作。使用vue和ES6的import语法以及webpack的html加载...

impig33 2019-08-16 13:25 评论0 收藏0