Webpack電子メールテンプレート

Question

電子メールテンプレートをバンドルするためにWebpackを使用したいと思います。

私はかなりテンプレートの.htmlファイルを持っています。これらのテンプレートは、スタイルの共通の.scssファイルを参照しています。

私は

が可能です。このスタイルはHTMLにインライン化されるようにしたいですか？

Answer 1

あなたはジュース（https://github.com/Automattic/juice）でグルップワークフローを使用する必要があります。

CfのDOC：

デフォルト オプションを使用して、リモートリソースを取得せずにHTMLをインライン化するには、次の

var juice = require('juice');

var result = juice("<style>div{color:red;}</style><div/>");

結果は以下のようになります。

<div style="color: red;"></div>

Answer 2

あなたはWebPACKを使用したい場合は、これはinline-style-loaderのための仕事であるように思える：https://www.npmjs.com/package/inline-style-loader

ここにあなたのwebpack.config.jsファイルにこれを統合する方法のデモがあります：https://github.com/jbsouvestre/inline-style-loader/tree/master/demo