html_mail

htmlメール制作用

概要

SASSをコンパイルしてCSSにした後、CSSをインラインに変換します。
また、ブラウザを自動で更新します。

使い方

$ git clone https://github.com/yuki-tomioka/html_mail.git
$ cd html_mail
$ npm ci
$ npx gulp

メール送信のための設定方法

• Gmailを使って送信する場合

下記のような.envを作成する。
.env-sampleを.envにリネームして編集してください。

# 送信先（複数はカンマ区切り、スペースを入れない）
mailTo=example@gmail.com,example_02@gmail.com

# 送信元
smtpUser=example_03@gmail.com
smtpPass=example_03_pass
smtpHost=smtp.gmail.com
smtpPort=465

ログインエラー対応
Gmailを確認すると「重大なセキュリティ通知」としてログインをブロックしましたというメールが届いている場合、安全性の低いアプリのアクセス から安全性の低いアプリの許可を有効にして改善しないか試す。
検証後は設定を元に戻すことをおすすめする。

メールの送信

デフォルトの設定で送信

index.htmlの内容がhtml mail testというタイトルで送信されます。

$ npx gulp mail

ファイルを指定して送信する

--fileオプションに送信したいファイルを拡張子を除いて指定します。

// test.htmlを指定する場合
$npx gulp mail --file test

メールタイトルを指定して送信する

--subjectオプションにタイトル指定します。

// testというタイトルで送りたい場合
$npx gulp mail --subject test

参照

• gulp-inline-css
• gulp-mail
• node-env-file
• normalize.email.css

作成環境

• gulp
  • CLI version: 2.2.0
  • Local version: 4.0.2
• nodenv
  • local 10.15.3