我需要从Vue.js中的bundlewebpack中排除js库

Question

我需要从webpack生成的捆绑文件中排除一个个人js库。我的库位于.src/assets/dv_vueDocumentXRM.js.上

我的App.vue文件是这样导入库的：

import * as XRM from ‘dkv_vueDocumentoXRM’;

然后，我将在我的App.vue中使用从dkv_vueDocumentXRM.js导出的函数，如下所示：

XRM.aFunction();

为了将这个库从bundle中排除，我在vue.config.js中将它声明为外部库，方法如下：

externals: {
dkv_vueDocumentoXRM: path.resolve(__dirname, "src/assets/dkv_vueDocumentoXRM.js"), }

但我在构建时遇到了这个错误

Terser中的dkv_VueDocumento.js意外令牌：punch(：([external"C:\/SOURCES//Vue//文档资源管理器//src//assets//dkv_vueDocumentoXRM.js"：1,0][dv_VueDocumentoJs:654,18]这个编译错误：error编译失败，有1个错误18:37:47

未找到此依赖项：

**中的dkv_vueDocumentoXRM/node_modules/cache-loader/dist/cjs.js？？参考–12-0/node_modules/babel-loader/lib/node_modules/cache-loader/dist/cjs.js？？参考0-0/node_modules/vue加载程序/lib？？vue加载程序选项/src/App.vue？vue&type=脚本&lang=js&*

要安装它，您可以运行：npm install--save dkv_vueDocumentoXRM

网上没有太多关于如何做到这一点的信息。请帮帮我。

Answer 1

你试过lazylod吗？

XRM = () => import('./my-component')

通过这种方式，库/组件将在调用时加载