如何使用 Webpack 将资源从入口目录复制到输出目录？

Question

说我的条目是这样的：

counters
   block.json
   counters.css
   counters.php
   counters.js

我只想处理 counters.js，然后将所有其他文件复制到输出目录。如何使用 webpack？哪个工具？

Answer 1

我发现了这个（只复制相关代码）：

  entry: {
    counters: ['./blocks/counters/counters.js', './blocks/counters/block.json', './blocks/counters/counters.css', './blocks/counters/counters.php'],
  },

然后：

  module: {
    rules: [
      {
        test: /\.json|\.css|\.php/,
        type: 'asset/resource',
        generator: {
          filename: '../[path]/[name][ext]'
        }
      },

      {
        test: /\.m?js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
          options: {
            plugins: ['lodash'],
            presets: ['@babel/preset-env'],
            cacheDirectory: true
          }
        }
      }, // babel
    ] // rules
  }, // module

这会将所有文件从 /blocks/counters 复制到 /build/blocks/counters，编译 counters.js 并保留其他文件。