关于vue的title标签中出现的htmlWebpackPlugin.options.title
htmlWebpackPlugin.options.title如下图所示,这是一种jsp的语法,但是我们不需要会jsp,webpack打包的时候会对其进行处理。如何解决这个问题其实在vue cli的官方文档里给出了明确答案// vue.config.jsmodule.exports = {chainWebpack: config => {config...
·
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的方法。
更多推荐
所有评论(0)