vuetify.js - 为什么 vue-cli 明白我已经安装了 vue-cli-plugin-vuetify 和 vuetify-loader?
问题描述
当我vue-cli
通过此命令创建一个新项目时
vue create hello-word
和这个命令安装vuetify
vue add vuetify
然后我看到我的 git 变化是这样的
两个新的依赖项已安装在package.json
.
vue-cli-plugin-vuetify
vuetify-loader
乍一看,我以为vue.config.js
已经指定使用这两个,但它的内容只有这些代码。
module.exports = {
"transpileDependencies": [
"vuetify"
]
}
那么,怎么vue-cli
知道我已经安装了这个新的 vuetify 加载器呢?
它会自动拾取那些吗?
解决方案
vuetify-loader 是一个用于 Webpack 的 treeshaking 插件。当您使用“vue add vuetify”安装 Vuetify 时,它会自动安装。
因此,Webpack 使用 vuetify-loader 对 Vuetify 组件进行 treeshaking 以仅包含您在应用程序中导入的组件。这样,Webpack 应该能够通过仅导入所需组件而不是所有 Vuetify 组件来降低构建大小。
推荐阅读
- c# - 如何在 JObject 的 StreamReader 中列出所有“项目”?
- hadoop - 如何格式化NameNode?
- spring - Spring/GitHub/Docker - 错误:jarfile 无效或损坏
- python - 清理 Python 输出显示
- swift - 从不同的 ViewController 中删除 NSNotificationObserver
- c# - 获取错误 Menu_HoverStatic 为 null 或未定义,而不是函数对象,同时对菜单项使用 asp.net SiteMap 控件
- python - 找到重复项后的反向处理
- node.js - 如何使用 React Active 将菜单图标放在左上角?
- vhdl - 如何在不使用 vhdl 中的等待语句的情况下等待在进程中为信号分配新值
- ruby-on-rails - 调度器工作一次