vue自定义包打包发布到npm，在项目生产环境无法正常被解析使用？

  • Z时代
  • 2024-03-04
  • 分类：IT

在A项目中，自定义了一些包，打包发布到npm，在B项目中install这些包，在开发环境下可以成功预览，然后将B项目打包发布，在生产环境下，自定义的这些包全部失效。
举例：自定义了mb-audio包，在开发环境下解析出来的代码为：

<div data-v-0a5de1c3="" data-v-00afe846="" data-v-e9be8984="" class="audio-wrap station-audio-wrap" iconlinetype="1"><img data-v-0a5de1c3="" src="data:image/png;base64,iVBORw0KGgoAAAANSU" class="audio-cion"></div>

以上可以正常使用

在生产环境下解析出来的代码为：

<mb-aduio data-v-0237d99c="" data-v-48cca752="" icontype="1" class="station-audio-wrap"></mb-aduio>

以上不能正常使用

请问各位造成这个现象的原因是什么

回答：

vue组件打包发布到npm，大概有以下几个步骤：
1.组件封装以及定义install方法暴露出来
2.打包相关配置修改
3.发布到npm
4.组件导入使用Vue.use()方法调用
目前看你提的问题也不清楚是哪个环节出问题了，你可以参考以下demo去检查检查

https://blog.csdn.net/lqh4188/article/details/127027831

以上是 vue自定义包打包发布到npm，在项目生产环境无法正常被解析使用？ 的全部内容， 来源链接： utcz.com/p/934669.html

回到顶部