如何仅使用webpack生成一个文件及其映射，而没有其他方法

Question

我有一个React应用程序，我想将entry文件捆绑到一个输出文件中。对于Webpack，以下entry/output配置可以很好地解决此问题：

{
  "entry": [ "/path/to/file/src/index.js" ],
  "output": {
      "path": "/path/to/file/build",
      "pathinfo": false,
      "filename": "my-app.js",
      "futureEmitAssets": true,
      "chunkFilename": "[name].chunk.js",
      "publicPath": "/"
  }
}

但是build的输出包含

➜ ls -al build
index.html
my-app.js
my-app.js.map
precache-manifest.80798dd0fbc0ae8659c760ea32cca65d.js
service-worker.js

我只想看my-app.js和my-app.js.map，什么都没有。我该怎么做？

Answer 1

我使用clean-webpack-plugin

实现了这一目标

config.plugins.push(new CleanWebpackPlugin({
  cleanAfterEveryBuildPatterns: [
    path.join(process.cwd(), 'build/service-worker.js'),
    path.join(process.cwd(), 'build/precache-manifest*.js'),
    path.join(process.cwd(), 'build/index.html'),
  ],
}));