使用vite打包插件并上传到npm

接上文,目前这个组件库是已经初步上线了,昨晚弄了一晚的打包问题,今天上午优化了点东西

开源仓库:https://gitee.com/li-hanming/wind-slayer-ui 别问为什么不用github,问就是上不去

https://gitee.com/li-hanming/wind-slayer-uiicon-default.png?t=M5H6https://gitee.com/li-hanming/wind-slayer-ui现在来说一说问题和经验总结

1.打包出来的css和js分离了,导致样式会消失,需要手动引入:

翻了资料说在配置的时候加上一句cssCodeSplit: false就可以,但有时候好像没用。。

如果这个没用的话就下载一个插件vite-plugin-libcss使用就好了

2.下载后引入编译器会报错,但实际不影响,这个是ts的问题,需要引入类型声明文件xxx.d.ts

我这里下载了一个插件可以自动生成d.ts文件vite-plugin-dts

但生成后还是不行,要把生成的index.d.ts放到项目文件夹里面再一起打包上传就好了

就是和package.json 哪些放一起

3.更新这个插件再上传需要先打包然后再发布,有时候会忽略掉打包这一步骤直接上传了,我就试过几次。。,所以我给原先的打包脚本增加了一些东西使他可以一键打包然后上传

async function delLib() {
    await exec(`del /F /S /Q lib`)
    await exec(`rd /S /Q lib`)
}

const buildLib = async () => {
    await buildAll()
}

async function publish() {
    await exec('npm version patch')
    // await exec('npm version minor')
    // await exec('npm version major')
    await exec('npm publish')
}

delLib()
buildLib()
publish().then(res => {
    res.kill('SIGHUP')
})

主要是使用了node.js里面的child_process来执行cmd命令,仍有些不足的地方,个人对node.js并不是很深入,只是用他写过个后台,但能用,如果执行失败了那就再来一次。。

其他的部分网上有很多资料了,也不再多说了 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值