缩小Vue.js生产文件大小

Question

我希望缩小Vue.js生产版本的文件大小。找出我使用的所有进口产品的大小的最佳方法是什么？当我查看每个文件时，VSCode会向我显示，但是为整个代码库提供可视化效果会很好。

Vue是否有类似于Purge CSS的工具？

Answer 1

我很快就想在导入级别上查看它，你可以使用它：

https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

如果您想查看整个代码库在文件大小方面的外观以及您偶然使用Webpack，可以使用以下内容：

https://chrisbateman.github.io/webpack-visualizer/

还有许多其他捆绑分析器。同时Purge CSS做的事情与你在这里提出的完全不同。