Reactjs 如何在网页包生产构建中包含my Index.html_Reactjs_Webpack

Reactjs 如何在网页包生产构建中包含my Index.html

reactjs webpack

Reactjs 如何在网页包生产构建中包含my Index.html,reactjs,webpack,Reactjs,Webpack,我的项目根目录中有以下index.html，它只使用捆绑的js和css文件 <html> <head> <meta charset="UTF-8"> <title>Purchasing Plus</title> <link rel="stylesheet" href="./build/style.css" /> </head> <body> <div

我的项目根目录中有以下index.html，它只使用捆绑的js和css文件

    <html>

<head>
    <meta charset="UTF-8">
    <title>Purchasing Plus</title>
    <link rel="stylesheet" href="./build/style.css" />
</head>

<body>
    <div id="mountPoint"></div>
    <script src="./build/bundle.js"></script>
</body>

</html>

这对于web包开发人员非常有用，我可以运行web包开发服务器，我的页面显示在

问题是，我想在我的产品构建中包含index.html，这样我最终会在构建文件夹中看到bundle.js、style.css和index.html都挨着放

这可能吗？

最简单的解决方案是使用。这将帮助您将静态文件从一个位置复制到另一个位置

{
    from: 'path/to/index.html',
    to: 'build/',
    toType: 'file'
},

另一个解决方案是使用。这将测试给定扩展名并将文件移动到给定位置。您需要将

index.html

添加到网页条目中

{
    test: /\.html?$/,
    loader: "file?name=./[name].[ext]"
}

希望这有帮助

最简单的解决方法是使用。这将帮助您将静态文件从一个位置复制到另一个位置

{
    from: 'path/to/index.html',
    to: 'build/',
    toType: 'file'
},

另一个解决方案是使用。这将测试给定扩展名并将文件移动到给定位置。您需要将

index.html

添加到网页条目中

{
    test: /\.html?$/,
    loader: "file?name=./[name].[ext]"
}

希望这有帮助