如何将我的index.html文件移到Webpack中的/ dist /文件夹中？

Question

我目前设置了目录，以便我的整个React项目（包括index.html）位于我的src/目录中。当我运行npm run build时，我的所有.js/css文件都会放入我的/dist文件夹中。但是，我的index.html未被包含在内。我安装了html-loader并将其设置在我的webpack.config.js中：

{
    test: /\.html$/,
    include: APP_DIR, //let APP_DIR = path.resolve(__dirname, 'src')//
    loader: 'html-loader'
  } 

我的理解是，这会在运行构建后将index.html文件添加到我的dist/中，但事实并非如此。我查看了html-webpack-plugin，但我从中收集的是它为您生成了一个index.html文件，但我不需要为我生成一个文件。我只想包括我已创建的那个。

Answer 1

我后来意识到html-webpack-plugin允许一个模板选项，在我的例子中，它是我自己的src/index.html文件。它只是将其复制到我在index.html文件夹中生成的dist/。