html-webpack-plugin修改页面标题

vue-cli2.X:修改config目录下的index.jsconsttitle='Title1'//consttitle='Title2'//consttitle='Title3'module.exports={title:title,dev:{。..},build:{...},test:{...}然后就可以使用config.titlenewHtmlWebpackPlugin({title:config.title,...}),最后使用如果项目需要根据标题有不同的布局，可以在main.js中引入config并设置为全局变量constconfig=require('../config/index')newVue({el:'#app',router,components:{App},template:'',data(){return{title:config.title}}})即可通过$root.title在vue文件中使用，这样打包的时候只需要将config目录下的index切换到一处即可，不需要修改多处，减少出错的概率。vue-cli3.X:很简单，在vue.config.js配置configureWebpack即可：config=>{return{title:title,resolve:{alias:{'@':resolve('src')}},plugins:[]}}}公共目录中的index.html使用<title><%=webpackConfig.title%>