Ich versuche, separate HTML-Dateien mit einem index.ejs
mit html-webpack-plugin zu erstellen.HTML im Webpack im Dev-Modus mit HTML-Webpack-Plugin erstellen
Mein index.ejs
hat den folgenden Codeblock.
<% if (process.env.NODE_ENV === 'production') { %>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react-dom.js"></script>
<% } %>
Ich möchte nur diese Skripte in der Produktion laden.
In meiner Webpack-Datei lade ich HtmlWebpackPlugin
, um den Speicherort der EJS-Vorlage anzugeben.
plugins: [
new HtmlWebpackPlugin({
template: 'index.ejs'
}),
...
Wenn ich webpack im Produktionsmodus laufen, mit --env.prod
, baut es richtig die Datei in meinem public
Verzeichnis. Aber wenn ich mit --env.dev
laufe, läuft dieses Plugin nicht.
Wie kann ich HtmlWebpackPlugin
im Entwicklungsmodus ausführen, um eine HTML-Datei speziell für meine Entwicklungsumgebung zu erstellen?
Ich spiele mit Webpack aber habe das gegenteilige Problem. Wenn ich 'NODE_ENV = production webpack' starte, wird index.html nicht erstellt ... Sorry, wenn das nicht viel hilft .. – dublx
Das klingt nach einem Problem mit der Konfiguration Ihres Webpacks. Wenn Sie eine Frage stellen, kann ich versuchen und helfen. – Himmel
Wird die HTML-Datei überhaupt nicht generiert? Wenn ja, können Sie die vollständige Webpack-Konfiguration bereitstellen? – lorefnon