Antlr4 Webpack 5生成多个输出文件,为什么?

Antlr4 Webpack 5生成多个输出文件,为什么?,antlr4,webpack-5,Antlr4,Webpack 5,Webpack的预期功能是将所有源文件集成到一个文件中,但当我运行配置文件时,我得到了5个文件。显然,该系统刚刚进行了重大更改,因此可靠的文件来源非常少。请帮助我了解该怎么做 网页包生成的输出 > app@1.0.0 dev > webpack --mode development [webpack-cli] Compilation finished asset vendors-node_modules_antlr4_index_js.bundle.js 482 KiB [comp

Webpack的预期功能是将所有源文件集成到一个文件中,但当我运行配置文件时,我得到了5个文件。显然,该系统刚刚进行了重大更改,因此可靠的文件来源非常少。请帮助我了解该怎么做

网页包生成的输出

> app@1.0.0 dev
> webpack --mode development

[webpack-cli] Compilation finished
asset vendors-node_modules_antlr4_index_js.bundle.js 482 KiB [compared for emit] (id hint: vendors)
asset src_lib_todoParser_js.bundle.js 17.3 KiB [compared for emit]
asset bundle.js 13.3 KiB [compared for emit] (name: main)
asset src_lib_todoLexer_js.bundle.js 4.85 KiB [compared for emit]
asset _65c5.bundle.js 908 bytes [compared for emit]
runtime modules 7.22 KiB 10 modules
modules by path ./node_modules/antlr4/ 408 KiB
  modules by path ./node_modules/antlr4/*.js 123 KiB 17 modules
  modules by path ./node_modules/antlr4/atn/*.js 215 KiB 16 modules
  modules by path ./node_modules/antlr4/error/*.js 43.6 KiB 5 modules
  modules by path ./node_modules/antlr4/dfa/*.js 12.8 KiB 4 modules
  modules by path ./node_modules/antlr4/tree/*.js 9.76 KiB 3 modules
  modules by path ./node_modules/antlr4/polyfills/*.js 3.48 KiB 2 modules
modules by path ./src/ 16.4 KiB
  ./src/index.js 186 bytes [built] [code generated]
  ./src/lib/todoLexer.js 2.93 KiB [built] [code generated]
  ./src/lib/todoParser.js 11.3 KiB [built] [code generated]
  ./src/lib/todoListener.js 1.14 KiB [built] [code generated]
  ./src/lib/todoVisitor.js 927 bytes [built] [code generated]
fs (ignored) 15 bytes [built] [code generated]
webpack 5.3.2 compiled successfully in 1268 ms
网页包配置文件

const path = require('path');

module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'static')
    },
    
    mode: 'development',
    resolve: { fallback: { fs: false } }
};
packag.json文件

{
  "name": "app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack --mode development"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^5.3.1",
    "webpack-cli": "^4.1.0",
    "webpack-dev-server": "^3.11.0"
  },
  "dependencies": {
    "antlr4": "^4.8.0"
  }
}
我的index.js文件,它使用Antlr运行时和Lexer/解析器构建本教程()


您可能想提供更多关于您在其中实现webpack的应用程序的信息。它是React应用程序还是Vue应用程序?
'console.log("Hello src webpack!")' ;
var antlr4 = import('antlr4/index.js');
var TodoLexer = import('../src/lib/todoLexer.js');
var TodoParser = import('../src/lib/todoParser.js');