项目打包时，查看包被打包的次数

在 webpack 打包时，每个模块都可能会被打包多次，尤其是在多个入口文件、代码拆分或动态导入的情况下。你可以通过 webpack 提供的一些工具和插件来查看每个模块被打包的次数。

1. webpack-bundle-analyzer: 这是一个非常有用的 webpack 插件，可以可视化地展示打包后的 bundle 结构和各个模块的大小，从而帮助你分析打包的情况。你可以使用以下命令安装它：

   npm install --save-dev webpack-bundle-analyzer

   然后，在 vue.config.js 中配置它：

   const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
   
   module.exports = {
     configureWebpack: {
       plugins: [
         new BundleAnalyzerPlugin()
       ]
     }
   }
   

   这样配置后，运行打包命令，webpack 将启动一个本地服务器，并在浏览器中显示打包分析报告，其中包括每个模块被打包的次数。

2. webpack-bundle-duplicates-plugin: 这个 webpack 插件可以帮助你找出重复打包的模块。你可以使用以下命令安装它：

   npm install --save-dev webpack-bundle-duplicates-plugin

   然后，在 vue.config.js 中配置它：

   const BundleDuplicatesPlugin = require('webpack-bundle-duplicates-plugin');
   
   module.exports = {
     configureWebpack: {
       plugins: [
         new BundleDuplicatesPlugin()
       ]
     }
   }
   

   这个插件会在控制台输出重复打包的模块信息，从而帮助你优化打包结果。