vue 项目打包时如何使用externals 排除SpreadJS

何时待我

本帖最后由何时待我于 2023-2-15 09:09 编辑

如题, 通过externals 排除SpreadJS 相关包, 使用CDN 进行引入, 类似如下图方式处理
image.png240852965.png

何时待我 · 何时待我

本帖最后由何时待我于 2023-3-2 10:33 编辑

Lynn.Dou 发表于 2023-3-2 09:53
欢迎分享下您的解决方案，来帮助更多的小伙伴学习，这边也会给您送上金币奖励。
本贴就先结贴了， ...

可以使用如下方式在打包时排除SpreadJS, 然后动态的在index.html 注入CDN 资源链接, 本地(development)仍然可以使用import 引入, 但是不可使用组件化渲染excel, 算是折中方案
如果CDN资源引入的方式也能支持组件化调用就好了

externals: [function (...args) {
const [arg1, arg2, arg3] = args;
let request = arg2;
let callback = arg3;
if (arg1 && arg1.context && arg1.request) {
// context = arg1.context;
request = arg1.request;
callback = arg2;
}
if (/^@grapecity/.test(request)) {
return callback(null, "GC");
}
// 继续下一步且不外部化引用
callback();
}],

复制代码

Lynn.Dou · Lynn.Dou

您好，
影响打包体积的是是否cdn方式引入资源，
简单来说，externals 的作用是，在通过cdn引入第三方依赖后，仍可以以import的方式加载。
具体可以参考这篇文章：
https://blog.csdn.net/qq_37899792/article/details/103364836

而对于SpreadJS，您可以在引入cdn资源后，直接在需要用到SpreadJS的vue文件中调用API，无需再import，所以externals可以不配置。

附件为cdn引入SpreadJS的示例demo，供参考。

何时待我 · 何时待我

Lynn.Dou 发表于 2023-2-15 15:05
您好，
影响打包体积的是是否cdn方式引入资源，
简单来说，externals 的作用是，在通过cdn引入第三方依 ...

因为项目里现在是使用import 引入资源的, 包太大, 所以想使用externals 在打包的时候排除一些第三方依赖, 其中包含SpreadJS, SpreadJS 支持externals 进行排除吗

Lynn.Dou · Lynn.Dou

1楼做了说明，参考1楼demo用cdn的方式引入资源即可。
externals的作用主要是是否在cdn引入的方前提下支持import方式使用，具体作用可以看下1楼链接文章的介绍。

何时待我 · 何时待我

Lynn.Dou 发表于 2023-2-15 18:16
1楼做了说明，参考1楼demo用cdn的方式引入资源即可。
externals的作用主要是是否在cdn引入的方前提下支持i ...

所以SpreadJS 是没法使用externals , 只能使用 cdn方式或者import方式
如果是这样, 那没问题了

Lynn.Dou · Lynn.Dou

何时待我发表于 2023-2-16 10:42
所以SpreadJS 是没法使用externals , 只能使用 cdn方式或者import方式
如果是这样, 那没问题了

是的，您可以cdn引入后直接调用GC接口

何时待我 · 何时待我

Lynn.Dou 发表于 2023-2-16 13:49
是的，您可以cdn引入后直接调用GC接口

已经找到方法使用 externals 排除SpreadJS, 可以结贴了

Lynn.Dou · Lynn.Dou

欢迎分享下您的解决方案，来帮助更多的小伙伴学习，这边也会给您送上金币奖励。
本贴就先结贴了，有问题欢迎另开新帖交流。

Lynn.Dou · Lynn.Dou

		自动登录	找回密码
密码			立即注册

[已处理] vue 项目打包时如何使用externals 排除SpreadJS

最佳答案

16 个回复

评分

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人