关于vue的title标签中出现的htmlWebpackPlugin.options.title

跟着阿笨一起玩NET

发布于 2020-09-27 06:37:40

3K00

代码可运行

文章被收录于专栏：跟着阿笨一起玩NET跟着阿笨一起玩NET

运行总次数：0

代码可运行

(3条消息) 关于vue的title标签中出现的htmlWebpackPlugin.options.title_cokoD的博客-CSDN博客

https://blog.csdn.net/cokoD/article/details/105774521

如何解决

这个问题其实在vue cli的官方文档里给出了明确答案

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].title= '你想设置的title名字'
        return args
      })
  }
}


修改完成后记得重启vue-cli

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-09-26 ，如有侵权请联系 cloudcommunity@tencent.com 删除

vue.js

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

vue.js

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

1520

Go 开发者必备：Protocol Buffers 入门指南

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

672

60页PPT全解：DeepSeek系列论文技术要点整理

1387

通过htmlWebpackPlugin.options.title修改页面标题的两种方法

网站 webpack html javascript 打包

可以使用 pages 字段来定义的标题。首先要有vue.config.js文件，没有的话在根目录创建，并将 pages 字段添加到exports中，如下所示：

玖柒的小窝

2021/12/07

7.5K0

vue-cli5配置eslint的autofix (与之前版本有区别)

eslint webpack 打包 https javascript

由于之前vue-cli版本(<5)的eslint插件使用的是eslint-loader, 所以我们需要在vue.config.js中对eslint-loader进行参数修改, 例如

治电小白菜

2022/05/27

7970

【xingorg1-ui】基于vue3.0从0-1搭建组件库 (二) 库初始化配置

vue.js javascript

在项目根目录下，执行下行代码，将vue的默认配置与自己的配置结合导出到outputjs

xing.org1^

2020/11/24

4570

Vue cli3 chainWepack 使用用法

2023腾讯·技术创作特训营第三期 vue.js webpack

在项目开发中我们难免碰到需要对webpack配置更改的情况，这就需要对 loader 进行配置。

程序员海军

2023/11/07

8400

Vue项目兼容IE（续） babel7.4.0+

javascript 编程算法 babel.js vue.js ecmascript

本文针对 babel 7.4.0+ ，处理方式仍然是寻找相应 Babel polyfill。

奋飛

2022/02/10

9710

Vue Tips

cdn vue.js react android

目的是在不刷新页面的情况下更新路由，实现类似 location.reload() 的功能，区别是只更新路由而不是刷新整个页面。关于这个问题的讨论可以查看 Github Issues [Feature] A reload method like location.reload()。

数媒派

2022/12/01

7770

vue-cli 构建页面输出版本号

vue.js 缓存

在前端项目中，由于浏览器缓存特性或是快速判断服务器 CI / CD 是否成功时，开发者需要知道当前加载的页面是否是最新构建的版本。在使用 vue-cli 构建项目时，虽然默认设置了打包 js 文件名使用 hash 防止缓存，但并不能通过 hash 判断构建版本是否是最新版。若能够在页面入口中，通过执行 console.log(version) 在控制台输出版本号，便可以轻松解决上述问题。

CS逍遥剑仙

2021/05/24

2.1K0

Vue.js CLI4 Vue.config.js标准配置（最全注释）

前端性能监控

Vue.js CLI工具不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。

马克社区

2022/05/23

1.7K0

Vue项目网页标题设置方法

vue.js

在和 package.json 同级的页面下新建 vue.config.js 文件

逝水经年

2022/01/29

3.1K0

chainWebpack长用配置集合

loader web 插件代理性能

chainWebpack长用配置方式 //vue.config.js module.exports={ chainWebpack:config=>{ } } 1 输入输出配置 module.exports = { chainWebpack: config => { // 清理所有默认入口配置 config.entryPoints.clear(); // 增加一个入口main config.entry("main").add("./src/main.js");

刘嘿哈

2022/10/25

1.6K0

Vue-Cli优化编译速度

网站 vue.js webpack 打包 cdn

Vue-Cli脚手架会有webpack的很多默认行为，因此我们得知道基于Vue-Cli的项目，当前的webpack都配置了啥，然后才能做针对性的分析与优化。

码客说

2022/09/27

3.7K0

基于Vue-cli3一些常见的优化

编程算法 css node.js 网站 webpack

主要借助的是html-webpack-plugin这个插件以及webpack externals这个属性

w候人兮猗

2020/06/24

5560

Vue-cli3 项目在安卓低版本系统和 IE 上白屏问题解决

javascript vue.js android

最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。分析一下应该是安卓系统版本的原因，目前已知的是Android 6.0 以上都 OK，6.0 以下就不行了。

solocoder

2022/04/06

2.1K0

基于Vue-cli3一些常见的优化

css vue.js tcp/ip 打包 webpack

主要借助的是html-webpack-plugin这个插件以及webpack externals这个属性

w候人兮猗

2020/07/01

1.6K0

vue 3.0新特性

vue.js webpack 打包 json typescript

在9 月 30 日的Vue.js 伦敦大会上，作者尤雨溪介绍了 Vue 下一个版本将要发布的内容，以及 Vue 3.0 的开发路线，和后面版本的发展情况。虽然，Vue 3.0版本的正式版还没有发布，不过作为vue 项目快速构建工具的vue-cli 早已发布，我们可以通过vue-cli来了解vue 3.0的一些情况。

xiangzhihong

2022/11/30

9770

Nginx——一个域名下部署多个Vue项目

nginx vuejs2

当前生成环境已经有一个正常的Vue项目，现在需要将大屏项目也部署到同一个域名下，搜索了下类型的问题，感觉问的还挺多的，所以这里记录下操作步骤；

思索

2024/07/10

5000

vue-cli sourcemap私有化部署配置

插件配置 webpack cli 部署

先抛出我的疑问：为什么 vue-cli sourcemap私有化部署这个解决方案很少有人提，网上搜到的基本都是说sourcemap配置（开关和模式等基础配置）的东西，虽然说sourcemap私有化部署配置比较好实现，但我在vue-cli4生成的项目中发现这里还是有个小坑的，故，以此记录

用户6256742

2024/07/15

1810

【webpack】从vue-cli 2x 到 3x 迁移与实践

webpack javascript vue.js css 打包

左图项目结构为vue-cli 2x版本脚手架生成的项目,build文件夹包含了webpack配置

树酱

2020/07/03

1.1K0

vue-cli 解决白屏、兼容、压缩及清除console

打包 css javascript npm html

描述 npm run build打包后，生成 dist文件夹。从该文件夹打开 dist/index.html页面，发现页面空白，且控制台报错。原因是路径配置有问题。方案根目录打开/新建 vue.config.js，配置路径：

流眸

2019/08/12

4.7K0

框架篇-Vue面试题5-怎么提高首屏渲染以及性能优化

缓存 webpack javascript 打包 node.js

安装webpack-bundle-analyzer这个插件,然后使用npm run build --report输出项目打包情况,直观的比较哪个bundle文件的大小,有针对性的进行模块化拆分

itclanCoder

2020/10/28

7230