mesh-email
v1.1.0
Published
Downloads
6
Readme
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