微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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');

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。