博客

Vue是个优秀的前端框架，不管是前端还是后端开发人员都能很快使用Vue来开发应用。但是随着项目开发的深入，组件之间的依赖就变得越来越多，耦合越来越严重。这时候我们迫切地需要分析下组件和依赖之间的调用关系了。

一、探索

经过一番寻找，我发现了

stats-webpack-plugin

这个插件。链接中有这个插件在

webpack

中的使用方法。我下面的教程基本是参考了官方指引。

二、安装和使用

1. 首先安装
   
stats-webpack-plugin

   插件

$ npm install --save-dev stats-webpack-plugin

1. 然后把下面的配置放到
   
wepback.config

   的
   
plugins

   中

var StatsPlugin = require('stats-webpack-plugin');

module.exports = {
  plugins: [
    new StatsPlugin('stats.json', {
      chunkModules: true,
      exclude: [/node_modules[\\\/]react/]
    })
  ]
};


stats.json

里面具体的配置可以参考官网