Javascript 如何使用Webpack构建React应用程序并导入资产文件夹？

我的主要问题是，我正在尝试构建一个React应用程序，但是缺少assets文件夹，我不知道如何导入它并在webpack.conf中配置它。另一个问题是index.html的相对路径：我不知道它是否会在应用程序构建中受到影响

提前谢谢

index.html:

作为生成过程的一部分，您可以使用复制其他文件夹/文件

new CopyPlugin([{ 
  from: path.resolve(__dirname, 'src', 'assets'), 
  to: path.resolve(__dirname, 'build', 'assets') 
}])

正如@James提到的：“作为构建过程的一部分，您可以使用复制其他文件夹/文件”

但是，在使用您的示例@James时有一个小错误，应该是这样的：

webpack.config.js

  plugins: [
    //...
    new CopyPlugin({
      patterns: [
        { from: path.resolve(__dirname, 'src', 'assets'), to: path.resolve(__dirname, 'build', 'assets') },
      ],
    })
  ],

希望这对你有帮助（如果詹姆斯的帮助对你也有帮助的话，请投他的票）

new CopyPlugin([{ 
  from: path.resolve(__dirname, 'src', 'assets'), 
  to: path.resolve(__dirname, 'build', 'assets') 
}])

  plugins: [
    //...
    new CopyPlugin({
      patterns: [
        { from: path.resolve(__dirname, 'src', 'assets'), to: path.resolve(__dirname, 'build', 'assets') },
      ],
    })
  ],