可以以外部依赖的方式引入 xlsx ，具体的操作是修改 vue.config.js 文件：
configureWebpack: {
externals: {
...,
xlsx: 'XLSX'
}
}
使用的 cdn 链接是：//cdn.jsdelivr.net/npm/xlsx@0.16.9/dist/xlsx.full.min.js
xlsx 是源码中使用的属性名，比如 import XLSX from 'xlsx' 中的模块名 xlsx，而 XLSX 是 cdn 引入的全局变量名。
关于 webpack 的 externals 已经有网友做了相关详细的研究，可以参考：https://juejin.cn/post/6844904190083350542
可以以外部依赖的方式引入 xlsx ，具体的操作是修改 vue.config.js 文件： 使用的 cdn 链接是...
vue 项目优化 项目打包体积优化 通常vue项目通过webpack打包后，会出现vendor包的体积过大的情况，...
Vue+ElementUI+xlsx实现读取xlsx文件并展示在页面中 1、创建vue 项目安装所需要的依赖 v...
vue-xlsx-table 无需上传，在浏览器中查看xlsx或xls表格，由js-xlsx驱动.在线例子 依赖 ...
最近使用vue-cli和vux做的项目，打包后文件体积过大，300k开始进行优化。 优化1：使用CDN资源,减小服...
在vue组件中，需要先安装xlsx和file-saver，使用命令如下： 在.vue 模板中代码如下 可以将vue...
ImageOptim，简单易用的图片体积优化工具。只需拖动图片至应用界面即可自动对图片体积大小进行优化图片文件中通...
vue3.0 变化点： 1.源码体积优化： 引入tree-shaking：通过编译阶段的静态分析，找到没有引入的模...
vue项目优化方案（性能，包体积，页面加载速度等） 项目优化，是一个老生常谈的问题。这里简单总结一下相关方法： 1...
一、查看项目打包webpack有个插件webpack-bundle-analyzer，可以查看项目一共打了多少包，...
本文标题：Vue 中优化 xlsx 的体积
本文链接：https://www.haomeiwen.com/subject/sgvlhltx.html
网友评论