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的方法。

关于vue的title标签中出现的htmlWebpackPlugin.options.title相关推荐

Vue项目在标签中如何书写多个内敛style样式
Vue项目在标签中如何书写多个内敛style样式例如:对一个数组进行循环,我想给偶数项的添加红色背景,奇数项的添加蓝色背景,这时候就可以用v-bind:style="[]",详细 ...
vue 在style标签中引入js变量控制样式
START 如果希望元素的样式根据js代码去控制,常见的办法呢,是在元素的style属性绑定变量即可例如 <h3 :style="{ color: colorList[0] }&qu ...
Vue的label标签中for的作用
先上代码 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...
php curl title,PHP中使用CURL获取页面title例子
PHP中使用CURL获取页面title例子发布于 2015-10-03 05:28:40 | 109 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hyperte ...
vue-cli 4.x 配置 htmlWebpackPlugin.options.title
在 vue.config.js 中添加配置: // 修改或新增html-webpack-plugin的值,在index.html里面能读取htmlWebpackPlugin.options.title ...
javascript创建DOM元素(标签script)并追加到title标签中
html代码 <!doctype html> <html lang="en"> <head><meta charset="UTF ...
vue在行内标签中动态添加背景图片，还有其他样式
<div :style="{'background-image': `url(${require('./image/1.png')}) no-repeat center center` ...
如何做网络营销推广之网站SEO中title标签优化技巧！
众所周知,title标签的优化也非常重要,因为它能帮助网站提升更多的权重.如何做网络营销推广表示,title标签SEO优化技术包括标题长度控制.关键词分布.关键字词频及关键字组合技巧等.下面如何做网络 ...
vue项目，webpack中配置src路径别名及使用
默认会有'@'别名,指向src目录,还可以添加自定义别名等等. 使用方法使用别名一般就三种情况:在js中用,在css中用,在html文档内用 js中用,最简单: import {getName} f ...

关于vue的title标签中出现的htmlWebpackPlugin.options.title

htmlWebpackPlugin.options.title

如何解决

关于vue的title标签中出现的htmlWebpackPlugin.options.title相关推荐

最新文章

热门文章