2017-11-01 3 views
0

私は現在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というファイルを生成するということですが、私のために生成する必要はありません。私はすでに作成したものを含めるだけです。

+0

まあ、index.htmlファイルはおそらくあなたのコードにインポートされていません。あなたはソースファイルからターゲットの場所にコピーを取るべきです – Icepickle

+0

さて、私はそれを理解しました。 'html-webpack-plugin'が必要でしたし、テンプレートのオプションを追加するだけでした。これは自分の' index.html'ファイルです。 –

答えて

0

私は後で、html-webpack-pluginが私の場合は自分のsrc/index.htmlファイルであるテンプレートオプションを許可していることに気付きました。私のdist/フォルダに生成するindex.htmlにコピーします。

関連する問題