首页 > 技术文章 > htmlWebpackPlugin.options.title 的配置

lovewhatIlove 2021-11-18 16:00 原文

发现vue-cli创建的html里面的title已经换成变量<%= htmlWebpackPlugin.options.title %>

这是在webpack中使用HtmlWebpackPlugin的用法

但是vue并不希望我们直接操作webpack的配置文件,这样容易产生冲突,所以采用了一种chainWebpack的方法

修改的方法在官网里有

https://cli.vuejs.org/zh/guide/webpack.html#%E4%BF%AE%E6%94%B9%E6%8F%92%E4%BB%B6%E9%80%89%E9%A1%B9

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].title= '勇敢牛牛'
        return args
      })
  }
}

效果:

 

 

推荐阅读