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
相关产品推荐
相关产品推荐

