html-webpack-pluginがindex.htmlに書き込まない

Question

私はhtml-webpack-pluginを使って自分の依存関係を自分のグローバルhtmlテンプレートに挿入しようとしていますが、これまでビルドするたびに、 ：

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

ないここで間違って何が起こっているのか確認してください、誰でも助けることができますか？私はWebpackとAngular2でGulpを使用しています。

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

私はそれを参照してください、あなたはHTMLWebpackPluginによって生成されたHTMLファイルの先頭にあなたのindex.htmlの内容が含まれるようにしようとしています。しかし、あなたが実際に望むのは、コンテンツをボディパーツに挿入することです。代わりに

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

の

どのように出力HTMLが見えますか？

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