Javascript 如何使用Vue CLI提取多个供应商文件中的特定依赖项

当前，在构建单页Vue CLI应用程序时，将构建一个包含所有依赖项的供应商区块。我正在寻找一种方法，将特定的依赖项提取到一个单独的供应商文件中，这样您就有了两个。因此，在构建之后，它看起来像：

  dist/js/chunk-vendors.12344566.js          479.34 KiB                                                               
  dist/js/chunk-vendors-jquery.222e1476.js   138.17 KiB

---

Laravel mix似乎提供了。我想知道这在Vue CLI应用程序中是如何实现的。

这是通过Webpack的配置完成的，可以在的选项中进行设置。在

cacheGroups

对象中，定义“组”以拆分特定的依赖项：

//vue.config.js
module.exports={
配置网页包：{
优化：{
分割块：{
块：“全部”，
maxInitialRequests:无限，
minSize:0，
缓存组：{
vuetify：{
//要按路径名（例如，`/node\u modules/vuetify`）与生成资源进行比较的正则表达式
测试：/vuetify/，
//输出文件的基本名称
名称：“区块供应商vuetify”
}
},
},
},
}
}

这是通过网页包的配置完成的，可以在的选项中设置。在

cacheGroups

对象中，定义“组”以拆分特定的依赖项：

//vue.config.js
module.exports={
配置网页包：{
优化：{
分割块：{
块：“全部”，
maxInitialRequests:无限，
minSize:0，
缓存组：{
vuetify：{
//要按路径名（例如，`/node\u modules/vuetify`）与生成资源进行比较的正则表达式
测试：/vuetify/，
//输出文件的基本名称
名称：“区块供应商vuetify”
}
},
},
},
}
}