Webpack电子邮件模板

问题描述：

我想使用Webpack捆绑我的电子邮件模板。Webpack电子邮件模板

我几乎每个模板都有一个.html文件，它引用了样式的常见.scss文件。

我想要样式在HTML中内联

这可能吗？

这看起来几乎是更像是一个像Gulp这样的任务跑步者的工作。 –

我的印象是，webpack也可以用作taskrunner – Tarlen

好主意，我喜欢Webpack，但是Grunt的例子无处不在。 –

答

您应该使用果汁工作流程（https://github.com/Automattic/juice），它应该符合您的需求！

比照DOC：

要内联HTML没有得到远程资源，使用默认选项：

var juice = require('juice');

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

结果将是：

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

答

如果你想使用的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

Webpack电子邮件模板

相关推荐