如何将 vue-cli 与同一个项目中现有的不相关 webpack 设置集成？

Posted 2023-02-22

【中文标题】如何将 vue-cli 与同一个项目中现有的不相关 webpack 设置集成？

【英文标题】：How to integrate vue-cli with existing unrelated webpack setup in the same project?

【发布时间】：2020-04-16 00:41:09

【问题描述】：

我有一个带有现有 webpack 设置的项目，它与 Vue 无关。

到目前为止，我有多个入口点设置，其中一些入口点正在打开一些 iframe 弹出窗口，并且计划使用 VUE 构建这些 iframe。

这意味着我还将有多个 VUE 入口点，这应该不是问题，但我想不通的是：

将 VUE-cli 添加到现有设置并使用相同的 node_modules 文件夹的最佳方法是什么

还能够在我现有的 webpack 构建命令之后添加要运行/触发的 vue-cli 构建命令。

如果需要更多详细信息，请告诉我？

【问题讨论】：

我投了赞成票，因为我很好奇是否有办法，但考虑到 how webpack config works 和 vue-cli，我认为这是不可能的。 vue-cli 假定拥有 webpack 配置，所以我认为它不能成为现有 webpack 项目的“一部分”。我认为您必须使用 vue.config.js

重新配置所有内容

【参考方案1】：

我已经弄清楚了，事实证明你可以在同一个项目中拥有两者。

我在现有项目文件夹中使用了vue create，并且有一个带有merge 选项的提示。

不幸的是，它删除了我的依赖项，但没什么大不了的。只需要重新安装它们。

现在我的项目的webpack 配置与vue-cli 完全分开，由vue.config.js 处理，这正是我想要的。

我正在使用这样的东西来一次构建所有东西：

"build": "webpack --config webpack.prod.js && vue-cli-service build"