webpack-bundle-analyzer显示未使用的模块

我已经使用create-react-appwebpack-bundle-anaylzer插件设置了一个应用程序。我已退出该应用程序,因此可以访问webpack.config.js文件,并且添加了以下内容:

plugins: [
  isEnvProduction &&
    new BundleAnalyzerPlugin({
      analyzerMode: 'server',generateStatsFile: true,statsoptions: { source: false },}),...

作为测试,我安装了lodash

yarn add lodash

并且正在将map函数导入到App.js中,

import map from 'lodash/map';

当我运行yarn build时,将创建内部版本,webpack-bundle-analyzer服务器将打开Chrome并显示所有模块的输出。

webpack-bundle-analyzer显示未使用的模块

如您所见,它显示了整个lodash库及其所有模块,正如我期望的那样,这里仅显示lodash/map的模块。

进行一些挖掘,当查看2.47b419a2.chunk.js的内容时,我没有看到所有lodash模块,但是在2.47b419a2.chunk.js.map里面。

有人可以帮助我了解这里的情况吗?是我误解了分析仪的工作原理,还是配置有误?

在此先感谢您的帮助!

iCMS 回答:webpack-bundle-analyzer显示未使用的模块

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/1883510.html

大家都在问