logo标签列表

使用vue-cli3删除插件

vue.jsvuejs2vue-cli
20

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

6个回答
20
4
从您的package.json中删除vuetify相关内容[1]，然后运行以下命令：
npm prune

[1] 依赖于vuetify和开发依赖项vue-cli-plugin-vuetify，vuetify-loader等...

还要删除sass、sass-loader等。 - yukashima huksay
这会更新webpack的编译吗？我不这么认为。 - Jamie Marshall
4
我认为您可以直接去您的package.json文件中删除插件/包的条目，
删除您的node_modules目录，
然后运行。
npm install
@sven，如果这个答案适合您，请接受它。谢谢。 - Alexandre Canijo
3

看起来你需要手动处理，我在文档或CLI帮助中没有找到任何有关删除插件的信息。但是，这比@alexandre-canijo说的要稍微复杂一些。除了package.json之外，你的项目文件夹中可能还有一些配置。请检查src/plugins文件夹和main.js。

Vue CLI help

文档

2
没错，因为vue-cli在安装插件时会对文件进行一些编辑，所以仅仅从node_modules中删除一个插件会留下一些不必要的代码。我不得不卸载cli-plugin-e2e-cypress（因为它的行为很奇怪，我想重新安装它而不是vue cli插件），我创建了一个新项目并进行了第一次提交，然后通过vue-cli安装插件，以便有一个精确的文件列表，知道哪些文件被编辑过。然后我可以回到我的原始项目并删除不必要的文件。 - Ousmane
1
你必须手动完成。这对我很有效。
在我的情况下，我只是从package.json中的devDependencies中删除了插件("vue-cli-plugin-quasar": "^2.0.1",)，然后运行了npm install。
-3

通过新的"vue ui"选项，现在支持删除已安装的cli插件。

在"Dependencies"（vue ui左侧的第二个选项卡）下，您将找到所有列出的插件。每个插件右侧都有一个小垃圾桶图标，可以删除相应的插件。

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

我猜（尚未完全验证）使用UI的优点（一旦您开始以这种方式管理项目）是插件应该可以“撤消”不同配置文件中的先前更改。另一个选项是在添加插件之前提交并在不满意时回滚。 - hnuecke
3
插件列在“插件”选项卡中（该选项卡没有垃圾桶图标），而不是出现在“依赖项”选项卡中（版本为3.0.3）。看起来您必须手动卸载该软件包。 - nicodemus13
非常错误的答案 - Jan Michael
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接