如何获取JS和CSS的webpack输出文件的名称？

首先，您可以在该阶段使用Webpack编译器挂钩来加入done最终的构建操作。该done挂钩在编译完成后被执行，并stats在其回调中接收一个参数（请参阅Link）。

从中，stats您可以通过捕获从编译中发出的输出文件，assets后者将输出文件名作为键并将其映射到资产对象。例如

Object.keys(stats.compilation.assets) // emitted file names, what you want
Object.values(stats.compilation.assets) // details about each asset

或者，您可以遍历块来检索所有文件：

stats.compilation.chunks.map(c => c.files)

有关stats对象的更多信息在这里。将这样的代码作为插件添加到您的webpack.config.js中：

plugins: [
  // ...
  {
    apply: compiler => {
      compiler.hooks.done.tap("My-FinalizePlugin", stats => {
        // your finalize build step
        console.log(stats.compilation.chunks.map(c => c.files))
        console.log(Object.keys(stats.compilation.assets))
      })
    }
  }
]

希望能完成工作。