我已经使用create-react-app
和webpack-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并显示所有模块的输出。
如您所见,它显示了整个lodash
库及其所有模块,正如我期望的那样,这里仅显示lodash/map
的模块。
进行一些挖掘,当查看2.47b419a2.chunk.js
的内容时,我没有看到所有lodash模块,但是在2.47b419a2.chunk.js.map
里面。
有人可以帮助我了解这里的情况吗?是我误解了分析仪的工作原理,还是配置有误?
在此先感谢您的帮助!