HtmlPluginを使用してサブディレクトリからwebpack組み込み資産を提供します

Question

現在、WebpackHtmlPluginを使用してindex.htmlのエントリポイントを簡素化していますが、主な問題はindex.htmlが他のすべてのアセットと同じレベルに配置されることですに）。

私は、index.htmlをフォルダ内で提供し、webpackによってサブフォルダ内に生成されたすべてのアセットを持っていたいと思います。この

index.html 
build/ 
    bundle.js 
    1.bundle.js 
    2.bundle.js 

ような何か一つのWebPACKに逆行せずにこれを達成し、手動手でそれぞれの資産をマッピングし、rootになるpublicPathを設定することができます方法はありますか？

Answer 1

あなたはHTMLWebpackPluginで完全CopyWebpackPluginを使用することができます...

plugins: [ 
    new HtmlWebpackPlugin({ 
     filename: "index.html", 
     template: "index.html", 
     inject: false 
    }), 
    new CopyWebpackPlugin([ 
     { from: 'from/directory/**/*', to: '/absolute/path' }, 
    ]) 
], 

はhttps://www.npmjs.com/package/copy-webpack-plugin

でリファレンスを参照してください