webpack v4.43.0 开发文档

生产环境的适配

  • 添加 favicon
  • 线上域名的分离,HTML路径的简化
  • 添加 DNS-prefetch
  • 对线上打包结果回归测试

域名规划

  • html -> www.
  • js + css -> s.
  • image -> img.

常用SEO优化技巧

  • 增加页面数量
  • 减少页面层级
  • 关键词密度
  • 高质量友链
  • 分析竞对
  • SEO数据监控

基本SEO优化 – 关键词设计

  • 品牌 / Slogan:XMall,XMall电商
  • 高频关键词:电商平台,网上购物,网上商城,数码产品,手机,笔记本,相机,手表,耳机
  • 长尾关键词:肚子疼怎么办

XMall的SEO优化

  • 标题:XMall电商平台 - 最NX的网购网站 / 用户登录 - XMall电商平台
  • 关键词:XMall,XMall电商,网上购物,网上商城,网上购物,数码产品,手机,笔记本,相机,手表,电商视频,电商教程,电商源码下载
  • 描述:一个提供数据通讯、手机、电脑、家居百货、服装服饰、母婴、图书、食品等数万种优质商品,最优质、最便捷的网上购物平台

访问数据统计常用指标

  • 访问量,PV/UV/VV
  • 流量来源
  • 搜索关键词
  • 设备信息

项目上线流程

  • 生产环境配置
  • 发布脚本的编写
  • nginx和域名配置
  • 存活监控

生产环境配置

  • 安装 NodeJs
  • 安装 webpack
  • 安装 ruby && sass (后台管理系统需要)
  • 安装 git,并配置权限

自动化发布脚本的编写

  • 拉取最新代码
  • 项目初始化
  • 执行打包编译
  • 复制dist目录到目标目录

nginx和域名配置

  • nginx配置域名
  • 通过指定hosts方式做nginx配置测试
  • 更改域名解析

域名解析

记录类型 主机记录 记录值 对应来访域名
A www 123.125.xxx.xxx www.xmall.xin
A admin 123.125.xxx.xxx admin.xmall.xin
A s 123.125.xxx.xxx s.xmall.xin
A @ 123.125.xxx.xxx xmall.xin

线上存活监控

  • 监控主站地址
  • 监控第三方内容的地址
  • 脚本异常监控,性能监控,自定义监控
0%