外贸做哪些网站平台好,地区性中介类网站建设,js跳转到别的网站,wordpress网站不显示菜单前端根据环境变量配置网页的title和favicon 前言流程步骤一、设置environment文件二、在入口文件中配置三、删除index.html中的title和 icon link四、使用对应的打包命令进行部署 注意事项一、angular中#xff0c;需要在angular.json添加favicon.ico额外的构建 前言
有些项目… 前端根据环境变量配置网页的title和favicon 前言流程步骤一、设置environment文件二、在入口文件中配置三、删除index.html中的title和 icon link四、使用对应的打包命令进行部署 注意事项一、angular中需要在angular.json添加favicon.ico额外的构建 前言
有些项目可能有这样的需求 在我们自己的测试环境要用自己公司的图标在客户环境用客户的图标。 有很多同学每次打包部署都是手动修改对应代码实现的。但这样太麻烦了。 X 如果通过配置一键执行打包命令那才是“解放双手”。 √ 流程步骤
一、设置environment文件 // environment.ts
export const environment {production: false,title: 开发环境系统,favicon: favicon.ico
};// environment.prod.ts
export const environment {production: true,title: 生产环境系统,favicon: favicon.prod.ico
};二、在入口文件中配置
// main.tsimport { environment } from ./environments/environment;
// 根据环境变量设置页面标题和icon
document.title environment.title;
const link document.createElement(link);
link.rel icon;
link.type image/x-icon;
link.href environment.favicon;
document.head.appendChild(link);三、删除index.html中的title和 icon link meta charsetutf-8!-- title/title --base href/meta nameviewport contentwidthdevice-width, initial-scale1!-- link relicon typeimage/x-icon hreffavicon.ico --四、使用对应的打包命令进行部署
npm run build #开发环境npm run build:prod #生产环境注意事项
一、angular中需要在angular.json添加favicon.ico额外的构建 有几个favicon.ico就配置几个
