vue的title标签中的htmlWebpackPlugin.options.title

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

vue的title标签中的htmlWebpackPlugin.options.title_第1张图片

 vue的title标签中的htmlWebpackPlugin.options.title_第2张图片

原因:这是在webpack中使用HtmlWebpackPlugin的用法

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

修改的方法在官网里有

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].title= '设置浏览器标签页看到的title'
        return args
      })
  }
}

问:如果不配置vue.config.js中的title,默认读的是哪里的数据?
答:默认是package.json的name值

你可能感兴趣的:(vue,vue.js,javascript,前端)