htmlWebpackPlugin.options.title

如下图所示,在这里插入图片描述
这是一种jsp的语法,但是我们不需要会jsp,webpack打包的时候会对其进行处理。

如何解决

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

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

这个是写在vue.config.js中的,假如没有这个文件的话,在根目录创建一个,webpack在打包的时候会自动扫描是否有这个文件,并将其中的内容与已经设置好的webpack内容合并。

具体可以参考vue cli官方文档vue cli官方文档
熟悉webpack的应该知道这是在webpack中使用HtmlWebpackPlugin的用法


plugins: [ 
// plugins 的配置 
// html-webpack-plugin 
// 功能:默认会创建一个空的 HTML,自动引入打包输出的所有资源(JS/CSS) 
// 需求:需要有结构的 HTML 文件 
new HtmlWebpackPlugin({ 
// 复制 './src/index.html' 文件,并自动引入打包输出的所有资源(JS/CSS) 
template: './src/index.html' 
}) 
],

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

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐