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*/co
·
一、打包后网页的入口是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,
};
更多推荐
已为社区贡献3条内容
所有评论(0)