项目作者: LuckyLiuyz

项目描述 :
探索webpack的可视化资源分析工具webpack-bundle-analyzer的使用
高级语言: JavaScript
项目地址: git://github.com/LuckyLiuyz/webpack-bundle-analyzer-demo.git
创建时间: 2020-07-02T02:59:10Z
项目社区:https://github.com/LuckyLiuyz/webpack-bundle-analyzer-demo

开源协议:

下载


webpack-bundle-analyzer-demo

探索 webpack 的可视化资源分析工具 webpack-bundle-analyzer 的使用

命令

  1. - `npm run start` 命令,用于启动项目;
  2. - `npm run build` 命令,用于打包项目;
  3. - `npm run analyz` 命令,用于启动webpack-bundle-analyzer分析打包结果中各个依赖的占用情况;

执行 npm run analyz 命令后的分析结果图如下

blockchain

其他

source-map-explorer分析打包产物

使用source-map-explorer工具,可以基于打包生成的产物,执行 ‘source-map-explorer bundle.min.js’ 命令进行分析产物构成。
详情参加:source-map-explorer