私は現在index.html
を含む私のReactプロジェクト全体が私のsrc/
ディレクトリに入っているように自分のディレクトリを設定しています。 npm run build
を実行すると、私の.js/css
ファイルはすべて私の/dist
フォルダーに入れられます。ただし、私のindex.html
は含まれていません。私はhtml-loader
をインストールし、そのように私のwebpack.config.js
でそれを設定:index.htmlファイルをWebpackのmy/dist /フォルダに移動するにはどうすればよいですか?
{
test: /\.html$/,
include: APP_DIR, //let APP_DIR = path.resolve(__dirname, 'src')//
loader: 'html-loader'
}
私の理解では、これはビルドを実行した後、私のdist/
に私index.html
ファイルを追加するというものであったが、それはありません。私はhtml-webpack-plugin
を見てきましたが、私が収集したのはそれがindex.html
というファイルを生成するということですが、私のために生成する必要はありません。私はすでに作成したものを含めるだけです。
まあ、index.htmlファイルはおそらくあなたのコードにインポートされていません。あなたはソースファイルからターゲットの場所にコピーを取るべきです – Icepickle
さて、私はそれを理解しました。 'html-webpack-plugin'が必要でしたし、テンプレートのオプションを追加するだけでした。これは自分の' index.html'ファイルです。 –