vue-cli3修改index.html浏览器名字和图标——htmlWebpackPlugin.options.title

一、打包后网页的入口是public文件夹index.html,决定项目网页入口tab的名字是

    <title><%= htmlWebpackPlugin.options.title %></title>

二、vue.config.js

/**
 * @Description:    自定义配置
 * @Author:         txf
 * @CreateDate:     2020/5/7 13:28
 */
const path = require("path");
function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  publicPath: process.env.NODE_ENV === "production" ? "/solar/" : "./",
  /* 输出文件目录：在npm run build时，生成文件的目录名称 */
  outputDir: "dist",
  /* 放置生成的静态资源 (json、css、img、fonts) 的 (相对于 outputDir 的) 目录 */
  assetsDir: "static",
  configureWebpack: {
    resolve: {
      alias: {
        "@": resolve("src")
      }
    }
  },
  //修改或新增html-webpack-plugin的值，在index.html里面能读取htmlWebpackPlugin.options.title
  chainWebpack: config =>{
    config.plugin('html')
      .tap(args => {
        args[0].title = "平台";
        return args;
      })
  },
  /* 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度 */
  productionSourceMap: false,
  lintOnSave: false,
};