/node_modules/.bin/mjml --watch src/index.mjml -o dist/index.html 将 . /node_modules/.bin" mjml --watch src/index.mjml -o dist/index.html 或者使用快捷键 npm bin $(npm bin)/mjml -- scripts": { "mjml": "mjml --watch src/index.mjml -o dist/index.html" } // 使用之时,只需运行如下命令即可: npm run mjml 或者通过使用 npx 注意:npx 包含在 npm > v5.2,或可以分开安装。 # npm install -g npx npx mjml --watch src/index.mjml -o dist/index.html 强大如斯,npm 脚本 npm(Yarn 亦同)允许在 package.json
/node_modules/.bin/mjml --watch src/index.mjml -o dist/index.html 将 . /node_modules/.bin" mjml --watch src/index.mjml -o dist/index.html 或者使用快捷键 npm bin $(npm bin)/mjml -- scripts": { "mjml": "mjml --watch src/index.mjml -o dist/index.html" } // 使用之时,只需运行如下命令即可: npm run mjml 或者通过使用 npx 注意:npx 包含在 npm > v5.2,或可以分开安装。 # npm install -g npx npx mjml --watch src/index.mjml -o dist/index.html 如何管理 Node 版本 众所周知,Node 版本的迭代速度很快
MJML MJML 是一种标记语言,旨在减少编写响应式电子邮件的痛苦。它的语义语法使其变得简单明了,其丰富的标准组件库加快了开发时间并减轻了您的电子邮件代码库。 地址:https://mjml.io/ 3. Baguette box BaguetteBox.js 是一个简单和易于使用的响应式的图像 Lightbox 插件,支持滑动手势在移动设备上使用。
当然,MJML 和 React Email 等项目能帮上不少忙。它们会努力把电子邮件客户端里那些晦涩难懂的怪癖抽象出去。 例如,使用 MJML,我们可以忘掉所有复杂性,让创建邮件真正变得简单: <mj-column> <mj-image width="64px" src="/assets/logo.png"></mj-image 用不着再处理一大堆和,MJML 会在后台帮各位解决。 总之,欢迎大家多体验体验 MJML,并参阅 Josh Comeau 的文章了解这款强大的 HTML 邮件开发工具:https://www.joshwcomeau.com/react/wonderful-emails-with-mjml-and-mdx 尽量用更简单的布局,同时配合 MJML 这类项目消除种种令人头痛的问题。各位,你们一定能挺过去! 最后,别觉得丢脸,没人能搞定邮件客户端……没人可以。
关于第二个应用场景, 目前开源有很多漂亮的邮箱模版, 比如 Foundation for Emails emailframe http://emailframe.work MJML https://mjml.io
我们使用类似 HTML 的结构的场景有: 时事通讯(例如 MJML) 原生移动应用程序(例如 React Native) 本机桌面应用程序(例如 Vuido) PDF (例如 React PDF) 并且 官网上还给我们提供了3个不同场景的案例, 我们可以参考这些案例快速制作属于我们自己的web编辑器: Webpage Builder Newsletter Builder Newsletter Builder with MJML
我们使用类似 HTML 的结构的场景有: 时事通讯(例如 MJML) 原生移动应用程序(例如 React Native) 本机桌面应用程序(例如 Vuido) PDF (例如 React PDF) 并且 官网上还给我们提供了3个不同场景的案例, 我们可以参考这些案例快速制作属于我们自己的web编辑器: Webpage Builder Newsletter Builder Newsletter Builder with MJML
文件上传 react-dropzone 邮件 react-email Mailing mjml 拖拽 react-beautiful-dnd 是最受欢迎的 React 拖拽库。
Nodemailer - 处理电子邮件的最快方式 emailjs - 向任何 SMTP 服务器发送带有附件的文本 / HTML 电子邮件 email-templates - 创建、预览和发送自定义电子邮件 MJML