删除 Webpack 的模块包装器以生成纯 JS 脚本

Question

我用来webpack捆绑一些简单的 JS 文件/模块。

webpack 输出（未缩小）如下所示：

(self["webpackChunktest-project"] = self["webpackChunktest-project"] || []).push([[179],{

/***/ 4:
/***/ (() => {


// ...
// <MY BUNDLED CODE HERE>
// ...


/***/ })

},
/******/ __webpack_require__ => { // webpackRuntimeModules
/******/ "use strict";
/******/ 
/******/ var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
/******/ var __webpack_exports__ = (__webpack_exec__(4));
/******/ }
]);

正如您所看到的，它将我的代码包装在一些 webpack 模块化逻辑中。

有什么办法可以删除这个包装逻辑吗？我希望只生成一个纯 JS 文件作为输出，而不使用样板包装器。

注意：因为我设置optimzation.runtimeChunk为true（请参见下面的配置），webpack所以创建了一个单独的运行时文件（此处未显示）以及上面显示的最小包装的 JS 文件。

Webpack 配置

这里是webpack.config.js：

const path = require('path');
const webpack = require('webpack');

const DIST_DIR = path.resolve(__dirname, 'dist');
const SRC_DIR = path.resolve(__dirname, 'src');

module.exports = {
  mode: 'production',
  optimization: {
    minimize: false,
    runtimeChunk: true
  },
  output: {
    path: DIST_DIR
  },
  resolve: {
    extensions: ['.js'],
    modules: [SRC_DIR, 'node_modules']
  },
  resolveLoader: {
    modules: ['node_modules']
  },
  entry: `${SRC_DIR}/test.js`,
  module: {},
  plugins: []
};