mesh-email

mesh-email

• 项目的简介以及用途

  一些简单的静态网站，包括邮件模板，mesh 授权登录

  由于邮件涉及到的环境很多，邮件客户端，网页等等，大部分都是不支持外联 css 标签的，而且标签支持也很诡异，所以本项目通过 table 布局来处理这些问题，经过测试的有 Mac 邮件客户端，Gmail 邮箱，163 邮箱，qq 邮箱，Outlook 邮箱

• 项目的开发环境配置，调试过程，项目的生产的配置，部署过程

      // 本项目通过 gulp 来处理开发部署
      // 授权登录网页或者其他非邮件的静态网站
      yarn dev
      // email 项目
      yarn dev:email

      // 部署
      // 测试服务器
      yarn deploy
      // 正式服务器
      yarn deploy -p

      // 现在邮件项目由于是直接给到后端那边去，所以只要将 dist 文件夹的 email 发送给后端就可以了

• 项目的依赖的用途（每个依赖用一句话介绍）

      "devDependencies": {
        "autoprefixer": "^7.1.1", // postcss autoprefier
        "browser-sync": "^2.18.12", // live reload
        "gulp": "^3.9.1", // task library
        "gulp-css-base64": "^1.3.4", // img to base64
        "gulp-inject-svg": "^0.1.9", // inline svg
        "gulp-inline-css": "^3.1.0", // css to inline style
        "gulp-postcss": "^7.0.0", // gulp postcss plugin
        "gulp-pug": "^3.3.0", // gulp pug plugin
        "postcss-import": "^10.0.0", // postcss plugin import css
        "postcss-nested": "^2.0.2", // postcss plugin nested css
        "mesh-devtool": "^1.0.0" // mesh devtool
      },
      "dependencies": {
        "normalize.css": "^7.0.0" // normalize css style
      }

• 项目的目录结构，每个目录的用途

      ├── gulpfile.js // gulp 脚本
      ├── package.json
      ├── src
      │   ├── email // email 模板
      │   │   ├── CN // 中文
      │   │   └── EN // English
      │   ├── image // 图片资源
      │   ├── oauthAuth.pug // 授权页面，之前项目的需求，后来没有了
      │   ├── oauthLogin.pug // 授权登录界面，之前项目的需求，后来没有了
      │   ├── packageDetail.pug // package 详情页面，这一块后来客户端处理了
      │   ├── script
      │   │   ├── md5.min.js
      │   │   └── oauthLogin.js // 授权登录
      │   └── style
      └── yarn.lock