Question

因此，我正在移动Web应用程序以做出响应，因此将Grunt作为构建工具移到了webpack。现在，下面的代码是webpack.config文件。这是根据开发建议设置的，然后具有一个构建脚本（npm run和npm build）

但是，构建脚本现在仅连接组件/反应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"
  },

如何为React App自定义Webpack构建脚本

1 个答案: