Webpack 5 создает несколько выходных файлов, почему?

Ожидаемая функция Webpack - объединить все исходные файлы в один, но когда я запускаю файл конфигурации, я получаю 5 файлов. Очевидно, что в систему только что были внесены серьезные изменения, поэтому достоверных источников документации очень мало. Помогите, пожалуйста, понять, что делать?

вывод сборки webpack

> 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

файл конфигурации webpack

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 / Parser для создания этого руководства (https://tomassetti.me/antlr-and-the-web/)

'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');

0 ответов

Другие вопросы по тегам