Reactjs 如何添加公用文件夹以响应样板文件Web包配置?

Reactjs 如何添加公用文件夹以响应样板文件Web包配置?,reactjs,webpack,react-boilerplate,Reactjs,Webpack,React Boilerplate,我正在使用react及其样板文件建立一个新的web应用程序。现在我想在根目录中添加一个公共文件夹,其中包含index.html、robot.txt.htaccess文件和一些外部js库。有人可以指导我通过编辑网页配置文件,使它这样做 提前感谢您可以使用它将文件从公用文件夹复制到生成文件夹。执行以下步骤以使其正常工作: 安装: 在/internals/webpack中编辑您的webpack.base.babel.js: const path=require('path'); const webpa

我正在使用react及其样板文件建立一个新的web应用程序。现在我想在根目录中添加一个公共文件夹,其中包含index.html、robot.txt.htaccess文件和一些外部js库。有人可以指导我通过编辑网页配置文件,使它这样做

提前感谢

您可以使用它将文件从公用文件夹复制到生成文件夹。执行以下步骤以使其正常工作:

  • 安装:
  • 在/internals/webpack中编辑您的webpack.base.babel.js:
  • const path=require('path');
    const webpack=require('webpack');
    const CopyWebpackPlugin=require('copy-webpack-plugin');({
    ...
    插件:options.plugins.concat([
    ...
    新的CopyWebpackPlugin([
    
    npm i copy-webpack-plugin --save-dev
    
    const path = require('path');
    const webpack = require('webpack');
    const CopyWebpackPlugin = require('copy-webpack-plugin'); <-- import plugin
    
    module.exports = options => ({
        ...
        plugins: options.plugins.concat([
            ...
            new CopyWebpackPlugin([ <-- add plugin 
                {
                    from: 'public',
                },
            ]),
      ]),