2016-07-22 13 views
2

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?

+0

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

+0

Das klingt nach einem Problem mit der Konfiguration Ihres Webpacks. Wenn Sie eine Frage stellen, kann ich versuchen und helfen. – Himmel

+0

Wird die HTML-Datei überhaupt nicht generiert? Wenn ja, können Sie die vollständige Webpack-Konfiguration bereitstellen? – lorefnon

Antwort

-1

Sie können ejs-render-loader Paket verwenden.

+1

Das ist für die Frage irrelevant. – lorefnon