html-webpack-plugin nicht schreiben in index.html

Question

Ich versuche, HTML-Webpack-Plugin verwenden, um meine Abhängigkeiten in meine globale HTML-Vorlage zu injizieren, aber so weit jedes Mal, wenn ich baue, kommt es wieder leer, so :

Child html-webpack-plugin for "index.html":

Nicht sicher, was los ist hier falsch, kann jemand helfen? Ich benutze Gulp mit Webpack und Angular2.

import HtmlWebpack from 'html-webpack-plugin' 

const frontendLoader = { 
    preloaders: { 
     test: /\.ts$/, 
     loader: 'tslint' 
    }, 
    loaders: [{ 
     test: /\.ts$/, 
     exclude: /node_modules/, 
     loader: 'ts' 
    }, { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel' 
    }, { 
     test: /\.html$/, 
     loader: 'raw' 
    }] 
} 
module.exports = { 
    frontendConfig: { 
     debug: true, 
     entry: { 
      initial: ['./src/js/initial/initial.js'], 
      vendor: ['./src/js/app/vendor'], 
      app: ['./src/js/app/index'] 
     }, 
     resolve: { 
      extensions: ['', '.ts', '.js'] 
     }, 
     devtool: 'source-map', 
     output: { 
      filename: '[name].bundle.js' 
     }, 
     plugins: [ 
      new HtmlWebpack({ 
       inject: 'head', 
       template: './public/views/index.html' 
      }) 
     ], 
     module: frontendLoader 
    } 
} 

Answer 1

Wie ich es sehe, versuchen Sie den Inhalt Ihrer index.html auf den Kopf der HTML-Datei durch die HTMLWebpackPlugin erzeugt aufzunehmen. Ich vermute jedoch, dass Sie den Inhalt in den Körperteil einfügen möchten.

Statt

plugins: [ 
      new HtmlWebpack({ 
       inject: 'head', 
       template: './public/views/index.html' 
      }) 
     ] 

versuchen

plugins: [ 
      new HtmlWebpack({ 
       inject: 'body', 
       template: './public/views/index.html' 
      }) 
     ]