前端导出带样式的表格

1、  xlsx  和  xlsx-style 一起使用 

vue项目使用xlsx-style实现前端导出Excel样式修改(添加标题,边框等),并且上传npm踩坑记录

https://www.cnblogs.com/yinxingen/p/11052184.html

2、上述据说要改源码

有个网友说,可以改webpack

独立完成系统开发四:前端功能优化及插件分享

https://blog.csdn.net/f4112cd/article/details/106748253

  • 我们可以直接修改源码:在 ode_modulesxlsx-styledistcpexcel.js 807行 的 var cpt = require(’./cpt’ + ‘able’); 改成 var cpt = cptable;

  • 在webpack打包的时候,不对cptable进行打包,这样在项目运行的时候就不会要求提供cptable依赖,就不会报错了。在webpack打包的时候不对某些依赖库进行打包我们可以使用externals配置项进行配置(externals可以在webpack打包的时候将某个模块排除,不让webpack打包)externals相关使用,所以可以在webpack的配置中添加:相关issue ,所以大佬还是很多的哈

 

configureWebpack: {
    // xlsx-style需要依赖于cptable,但是这个很大而且只有特殊情况才会使用,所以我们可以在打包的时候排除他
    externals: {
      './cptable': 'var cptable'
    }
}

 

这两种方案,我强烈推荐第二种,因为第一种直接去改源码是很不好的,因为当你改了源码之后,npm中的源码并没有改,当你下次在重新安装依赖那么你又得改一次,很麻烦。而第二种对webpack配置一次就可以了。

 

原文地址:https://www.cnblogs.com/dhjy123/p/14240039.html