前端導出帶樣式的表格

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

 

 

• 我們可以直接修改源碼：在\node_modules\xlsx-style\dist\cpexcel.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配置一次就可以了。