An NPM powered starter kit to create a HTML email template using HEML.
- In base directory commandline
npm i
to install requirements. - To develop
npm run hemlDev
. This will open a browser window and recompile whenever you make changes toemail.heml
. Note this DOES NOT build the html file. For that you need to runnpm run hemlBuild
to getemail.html
as output when you have everything done. - If you need to create multiple templates simply modify the scripts in
package.json
to create file name HEML/HTML pairs for each template. I recommend creating a master template that can be duplicated to create new variations. - Read all comments carefully and ensure ones prefixed with
@todo
are completed if applicable. - Use HEML tags documented here: https://heml.io/docs/getting-started/overview
- Output purposely creates an extra empty
<head>
tag in the outputted file to solve an issue with Yahoo mail.
For more information check out HEML.io.
MailChimp has a great reference on media queries for email: https://blog.mailchimp.com/mailchimp-and-media-queries/
Post an issue or question via the repo on Github: https://github.com/Soundvessel/HEML-Starter/issues