我有 vuetify 的 vue 应用程序。
要在 vuetify 中进行 treeshaking，我需要以这种方式导入：import Vuetify from 'vuetify/lib'; 根据 docs。
在我的 vuetify 应用程序中，我没有v-dialog.
当我编译我的应用程序代码时，import Vuetify from 'vuetify'我可以在 dist js 包中看到我不使用的 vuetify 代码（如v-dialog, v-dialog--animated）。
当我编译时，import Vuetify from 'vuetify/lib';我看不到未使用的代码（我看不到v-dialog）。
但缺点是我必须声明我想要使用的每个组件。
有没有一种简单的方法来做摇树？例如，我希望从 vue 中搜索 vuetify 包中未使用的代码并将其删除。
小智 -8
你使用Vue CLI吗？如果没有，我建议这样做。你只需要几个命令：
npm install -g @vue/cli
这将全局安装 Vue CLI（您可能需要管理员权限）有关更多信息，请参阅：安装|Vue CLI
vue create my-app
这将为 Vue.js 设置您的项目并询问您一些问题。您可以使用默认设置。之后您必须切换到项目目录。
cd my-app
vue add vuetify
这将安装 Vuetify 框架。您可以使用默认设置。之后，您就可以使用 Vue.js + Vuetify 设置项目。默认设置是在最后构建应用程序时使用 tree-shaking。
有关更多详细信息，我这里有一个示例，其中最后还包括 Electron。但 Vuetify 的配置步骤是相同的。通过此设置，您将自动进行 Tree Shaking。
| 归档时间： |
|
| 查看次数： |
3273 次 |
| 最近记录： |