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

Question

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

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

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

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

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

让我知道是否需要更多详细信息？

标签： vue.jswebpackbuildintegrationvue-cli

Answer 1

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

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

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

现在我的项目webpack配置仍然是完全独立的形式vue-cli，由 处理，vue.config.js这正是我想要的。

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

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