Javascript 如何添加完整的公共目录以捆绑Web包中的所有文件？

我打算用

webpack

而不是

gulp

。我使用的是平均堆栈，前端使用的是

AngularJs

我的

webpack.config.js

：

const path = require('path');

module.exports = {
  mode: 'development',
  entry: './public/js/controllers.js',
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
        },
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader'],
      },
    ],
  },
  devServer: {
    port: 3000,
    open: true,
    proxy: {
      '/': 'http://localhost:8080',
    },
  },
};

---

在这个配置中，我只绑定了

controller.js

，但我需要绑定公共目录中的整个文件夹，是否可能？

假设您有两个不同的

js

文件（

controller1.js

，

controller2.js

），您希望将它们包含在

index.html

中

您的

webpack.config.js

将有

条目

作为-

条目：['./public/js/controller1.js'，'./public/js/controller2.js']

---

这两个控制器都将通过

webpack

进行良好处理

你提到过吗？你可以输入一个由

字符串组成的
数组
，而不是单个
字符串
。我不明白，怎么做？我的公共文件夹中有资产，这两个文件夹，是否可以捆绑所有？