前端导出带样式的表格

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配置一次就可以了。