如何为React App定制webpack构建脚本

Question

因此，我正在移动一个web应用程序来进行反应，并且从Grunt作为构建工具转移到了webpack。现在，下面的代码是webpack.config文件。这是按照开发建议设置的，然后有一个构建脚本(npm run和npm build)。

但是，构建脚本现在只连接组件/react js文件，并将它们放在dist文件夹的根目录下。不会复制任何其他文件。如果这就是构建脚本的全部功能，我就不明白它的意义了。但是，我需要能够将其添加到reacts构建脚本中，但是，没有任何资源显示您将如何进行该操作

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
  entry: "./app/src/components/app.js",
  output: {
    path: path.join(__dirname, "/dist"),
    filename: "index_bundle.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      },
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"]
      }
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: "./app/index.html"
    })
  ]
};

Answer 1

您不需要'/‘

output: {
    path: path.join(__dirname, "dist"),
    filename: "index_bundle.js"
  },