美文网首页
webpack的bundle分析

webpack的bundle分析

作者: zhCN_超 | 来源:发表于2017-12-22 14:27 被阅读62次

    利用webpack官方提供的分析工具,可以分析应用bundle内所有module的体积和关系

    总体情况 modules大小和关系

    使用方法:

    生成.json文件

    如果你的配置文件为默认的webpack.config.js,在这个文件的目录下运行:

    $ webpack --json > <filename>.json
    

    <filename>替换为文件名,任意

    如果你的配置文件名不为默认,那么指定路径:

    $ webpack --config <your-webpack-config-path> > <filename>.json
    

    <your-webpack-config-path>替换为你配置文件所在路径

    上传.json文件

    在官网,上传你的.json文件即可

    注:记得检查你生成的.json文件,我利用happypack打包的时候,输出了非json内容,记得删除

    相关文章

      网友评论

          本文标题:webpack的bundle分析

          本文链接:https://www.haomeiwen.com/subject/ucotgxtx.html