Ich möchte Webpack zum Bündeln meiner E-Mail-Vorlagen verwenden.Webpack E-Mail-Vorlagen
Ich habe ziemlich viel eine .html-Datei für jede Vorlage, die auf eine gemeinsame CSS-Datei für Stile verweist.
Ich möchte die Stile inlined im HTML
Ist das möglich sein?
Sie sollten einen Schluck-Workflow mit Juice (https://github.com/Automattic/juice) verwenden, sollte es Ihren Bedürfnissen entsprechen!
Cf der doc:
To HTML Inline ohne Remote-Ressourcen zu bekommen, Standard mit Optionen:
var juice = require('juice');
var result = juice("<style>div{color:red;}</style><div/>");Ergebnis wird sein:
<div style="color: red;"></div>
Wenn Sie webpack verwenden wollen, scheint mir, das ist eine Aufgabe für inline-style-loader: https://www.npmjs.com/package/inline-style-loader
Es gibt eine Demo, wie hier diese in Ihre webpack.config.js-Datei zu integrieren: https://github.com/jbsouvestre/inline-style-loader/tree/master/demo
Dies scheint fast eher wie ein Job für einen Aufgabenläufer wie Gulp. –
Ich hatte den Eindruck, dass Webpack auch als Taskrunner verwendet werden könnte. – Tarlen
Gute Idee, ich mag Webpack, aber Grunt Beispiele sind überall. –