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

标签 vue.js webpack build integration vue-cli

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

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

这意味着我还将有多个 VUE 入口点,这应该不是问题,但我无法弄清楚的是:

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

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

如果需要更多详细信息,请告诉我?

最佳答案

我已经弄清楚了,结果表明您可以在同一个项目中同时拥有这两者。

我在现有项目文件夹上使用了 vue create,并且出现了带有 merge 选项的提示。

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

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

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

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

关于vue.js - 如何将 vue-cli 与同一项目中现有的不相关的 webpack 设置集成?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59477110/

相关文章:

vue.js - Vue PWA 插件 - list 不使用我的配置属性

javascript - 在函数事件(onChange)中调用函数,来自在Leaflet和Vue.js中创建的Select

vue.js - 网络摄像头在某些计算机上无法使用JavaScript

javascript - 如何在 React Static Boilerplate 中创建 webpack 导入别名?

javascript - 使用 Storybook 创建 React App 创建 webpack 问题

build - Ionic 在 Windows 10 上找不到 ANDROID_HOME

javascript - 在父级上打开 Vue 对话框(模态)

javascript - 如何使用 Webpack 同时创建 'web' 和 'node' 版本的包?

spring-boot - 如何修复在根项目 "Task ' 中找不到的 'genie-voucher-module' 构建“”

build - 如何关闭 APK 构建中的警告/错误栏