通过webpack配置vue项目页面title
生活随笔
收集整理的這篇文章主要介紹了
通过webpack配置vue项目页面title
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
vue 項目創建之后,在index.htm里面的title,使用?htmlWebpackPlugin.options.title 進行的展示。
調整 webpack 配置最簡單的方式就是在?vue.config.js?中的?configureWebpack?選項提供一個對象,該對象將會被?webpack-merge?合并入最終的 webpack 配置。有些 webpack 選項是基于?vue.config.js?中的值設置的,所以不能直接修改。
module.exports = {chainWebpack: config => {config.plugin('html').tap(args => {args[0].title = '歡迎使用xx管理平臺'return args})} }如果沒有vue.config.js文件,自己在根目錄下面建一個好了。
有不清楚的地方可以查看vue-cli官網文檔,上面也有詳細的解釋。
官網鏈接:vue-cli webpack配置
總結
以上是生活随笔為你收集整理的通过webpack配置vue项目页面title的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Vue2.0环境安装
- 下一篇: vue2.0 通过ip访问自己运行的项目