vuetify.js - 为什么 vue-cli 明白我已经安装了 vue-cli-plugin-vuetify 和 vuetify-loader？

Question

当我vue-cli通过此命令创建一个新项目时

vue create hello-word

和这个命令安装vuetify

vue add vuetify

然后我看到我的 git 变化是这样的

两个新的依赖项已安装在package.json.

乍一看，我以为vue.config.js已经指定使用这两个，但它的内容只有这些代码。

module.exports = {
  "transpileDependencies": [
    "vuetify"
  ]
}

那么，怎么vue-cli知道我已经安装了这个新的 vuetify 加载器呢？

它会自动拾取那些吗？

score 0 · Accepted Answer

vuetify-loader 是一个用于 Webpack 的 treeshaking 插件。当您使用“vue add vuetify”安装 Vuetify 时，它会自动安装。

因此，Webpack 使用 vuetify-loader 对 Vuetify 组件进行 treeshaking 以仅包含您在应用程序中导入的组件。这样，Webpack 应该能够通过仅导入所需组件而不是所有 Vuetify 组件来降低构建大小。

1 回答 1