木灵鱼儿

木灵鱼儿

阅读:490

最后更新: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

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

版权申明

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

关于作者

站点职位 博主
获得点赞 0
文章被阅读 490

相关文章

目录树