木灵鱼儿

木灵鱼儿

阅读：3575

最后更新：2021/07/26/ 14:25:03

vue cli4 修改静态html的 %= htmlWebpackPlugin.options.title % 默认值

在默认初始化好的vue cli项目，public目录下的index.html文件，他的title使用的是一种ejs语法：

<title><%= htmlWebpackPlugin.options.title %></title>

接收的是htmlWebpackPlugin对象上，options的title。

一般情况，省事一点，直接把这个title给改成静态就完事了！

<title>静态标题</title>

但是，好像少了点什么，能不能不改动这个就能改标题呢？

当然是可以的，我们需要配置下vue.config.js

vue.config.js

module.exports = {
  chainWebpack(config){
    //修改htmlWebpackPlugin
    config.plugin('html').tap(args => {
      args[0].title = '你要改成的标题';
      return args;
    })
  }
}

大概这样就行了，这个应该用的是：webpack-chain

有兴趣可以去啃一下文档。

文章分类 vue cli
文章标签 vue cli修改title
木灵鱼儿

木灵鱼儿

发布了 716 篇文章获得点赞 6获得阅读 3575

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可，禁止转载。

one
two
three

关于作者

站点职位 博主
获得点赞 6
文章被阅读 3575

相关文章

利用发布订阅模式封装一个IntersectionObserver利用发布订阅模式封装一个IntersectionObserver
typecho 自定义分类和分类高亮处理typecho 自定义分类和分类高亮处理
ts封装一个localStorage和sessionStorage的类ts封装一个localStorage和sessionStorage的类
利用typescript实现原生css变量的主题切换功能类利用typescript实现原生css变量的主题切换功能类
typecho主题开发：基于webpack5的多页面打包项目typecho主题开发：基于webpack5的多页面打包项目

目录树