Webpack系列——打包分析

最新推荐文章于 2025-03-04 13:11:50 发布

要不要吃烤肉

最新推荐文章于 2025-03-04 13:11:50 发布

阅读量637

点赞数

分类专栏： webpack 文章标签： webpack javascript 前端

本文链接：https://blog.csdn.net/Smart_J_King/article/details/122455519

版权

可以通过运行 webpack --profile --json > stats.json 来生成此工具所需的 JSON 文件

{
    ...
    "scripts": {
    "bundle": "webpack",
    "watch": "webpack --watch",
    "dev": "webpack-dev-server --config ./build/webpack.dev.config.js",
    "build": "webpack --config ./build/webpack.prod.config.js",
    "dev-build": "webpack --profile --json > stats.json --config ./build/webpack.dev.config.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
    ...
}

如果我们以分离代码作为开始，那么就应该以检查模块的输出结果作为结束，对其进行分析是很有用处的。官方提供分析工具是一个好的初始选择。下面是一些可选择的社区支持(community-supported)工具：