使用 vue-cli3 删除插件

Posted 2023-02-22

【中文标题】使用 vue-cli3 删除插件

【英文标题】：Remove plugins with vue-cli3

【发布时间】：2018-10-13 19:07:47

【问题描述】：

有没有办法在现有项目中及其配置？例如，我想用 Jest 替换单元测试插件 Mocha。我知道如何添加和调用一个新插件，但我找不到如何删除一个。是否可以使用 vue-cli 或者我需要手动完成？

【参考方案1】：

我认为您可以转到您的 package.json 并删除插件/包的条目，

删除你的node_modules目录，

然后运行。

npm install

【讨论】：

@sven，如果这适合您，请接受答案。谢谢。

【参考方案2】：

您似乎需要手动执行此操作，我在文档或 CLI 帮助中找不到任何提及删除插件的内容。不过，它比@alexandre-canijo 说的要复杂一些。除了 package.json 之外，您的项目文件夹中可能还有一些配置。检查 src/plugins 文件夹和 main.js。

The documentation

【讨论】：

没错，因为 vue-cli 在安装插件时会在文件中执行一些编辑，只需删除 node_modules 中的插件，就会保留一些不必要的代码。我不得不卸载 cli-plugin-e2e-cypress （因为它的行为很奇怪，我想在没有 vue cli 插件的情况下重新安装它），我创建了一个新项目，第一次提交，然后通过 vue-cli 安装了插件为了有一个编辑过哪些文件的精确列表。然后我可以回到我原来的项目并删除不必要的文件。

【参考方案3】：

使用新的“vue ui”选项，现在支持删除已安装的 cli-plugins。

在“依赖项”（vue ui 左侧的第二个选项卡）下，您会找到列出的所有插件。每个插件的右侧都有一个小垃圾桶图标，用于删除相应的插件。

由于源中的死引用，您仍然可能会遇到编译错误，但可以通过提供的日志和错误消息快速识别这些错误。

【讨论】：

我猜（尚未完全验证）使用 UI 的优势（一旦您开始以这种方式管理项目）是插件应该“撤消”不同配置中的先前更改文件。另一种选择是在添加插件之前提交，如果你不满意就回滚。

-1 插件列在“插件”选项卡中（没有垃圾桶图标）-它们没有出现在“依赖项”选项卡中（v. 3.0.3）。看来您确实必须手动卸载该软件包。

【参考方案4】：

我已经问过这个问题 (How does one uninstall a plugin? #2540)，目前的官方建议似乎是发出 npm uninstall X。

【参考方案5】：

从你的 package.json 中删除 vuetify stuff[1] 然后运行：

npm prune

[1] 依赖vuetify 和开发依赖vue-cli-plugin-vuetify、vuetify-loader...

【讨论】：

也可能删除 sass、sass-loader 等。

这会更新 webpack 编译吗？我不这么认为。

【参考方案6】：

您必须手动完成。它对我有用。

就我而言，我刚刚从package.json 中的devDependencies 中删除了插件("vue-cli-plugin-quasar": "^2.0.1",)，然后运行了npm install。