reactjs - 如何将 babel + terser 工作流程转换为 webpack？

Question

我的文件夹结构如下所示：

- src/internal-logic.js
- src/header.js
- src/footer.js
- package.json

这是我的 package.json 的一部分

"scripts": {
    "start": "npx babel --watch src --out-dir dist --presets react-app/prod",
    "build": "npx babel src --out-dir dist --presets react-app/prod",
    "minify": "npx terser -c -m -o dist/common.min.js -- dist/header.js dist/footer.js dist/internal-logic.js"
  },

部署此代码时，我运行以下命令

npm run build
npm run minify

这会生成一个名为common.min.js我在几个项目中使用的文件。

我想做的是使用 webpack 创建一个构建命令。我该怎么做呢？

更新

我创建了以下 webpack.config.js

const path = require('path');

module.exports = {
  entry: {
    'common.js': [
      path.resolve(__dirname, 'src/internal-logic.js'),
      path.resolve(__dirname, 'src/footer.js'),
      path.resolve(__dirname, 'src/header.js')
    ]
  },
  output: {
    filename: '[name]',
    path: path.resolve(__dirname, 'dist'),
  },
  module: {
         rules: [
            {
              test: /\.(js|jsx)$/,
              exclude: /node_modules/,
              use: {
                loader: "babel-loader",
                options: {
                  presets: ['@babel/preset-react']
                }
              }
            }
         ]
     },
};

这有效