You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Webpack目录导入时如何自动排除未使用的模块?

问题:Webpack如何智能排除目录导入中未使用的模块?

我研究这个问题有段时间了,一直没找到合适的解决方案。平时我看到很多人会用这种目录导入的写法:

import {foo} from './utilities/';

默认情况下Webpack的解析器会自动找到该目录下的index.js文件。但现在我的场景是,utilities目录里有多个文件,而index.js里导出了一大堆函数,比如下面这样:

export {default as foo} from './foo.js'
export {default as bar} from './bar.js';

这样一来,Webpack打包的时候会把foo.js和bar.js都打包进去,但实际上我只用到了foo。如果我改成直接导入具体文件:

import foo from './utilities/foo.js'

Webpack就不会把bar.js打包进来了。

我想知道有没有相关的Webpack插件,能够智能识别出我没用到的bar.js这类模块,自动把它们从打包结果里排除掉?

感谢解答!


内容的提问来源于stack exchange,提问作者Evilsanta

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 09:47:54