背景/前言之前的一个功能需求，需要在页面接收消息，一旦有了新消息之后，需要用铃声进行提醒。因为没有找到类似的比较便捷的组件，所以就自己写了一个。然后想着能不能尝试下做成一个公共的组件，发布出去让其他开发者也用用？于是就试着写了一个项目（项目地址在最后），发布成了npm包。虽然组件本身的开发很简单，但是从构建npm包到发布的整个流程，遇到的坑还是很多的，涉及到了：如何将一个Vue组件构建成可以直接引

附上一篇filemanager-webpack-plugin插件的使用方法：vue-cli@3.0 直接打包成zip压缩文件前言因为对之前项目进行再次开发时，遇到了太多因维护引起的问题（满满的心智负担，导致San值严重下降。。( ′Д`)）。所以想尝试一下，重新git clone一次某vue项目，想从二次开发者的视角去窥探，看流程能不能顺利。果不其然，出了问题。正文项目是使用Vue-cli3建立。

前言问题与现象子应用与父应用不断切换的过程中，子应用内的样式突然乱掉。实际上是子应用加载的<style>标签少了，导致遗失了样式。解决1）第一种修复函数/* main.js */// 定义styleCount用于记录<style>标签数，styleList用于保存<style>节点对象let styleCount = 0, styleList = []// 定义

前言问题与现象子应用与父应用不断切换的过程中，子应用内的样式突然乱掉。实际上是子应用加载的<style>标签少了，导致遗失了样式。解决1）第一种修复函数/* main.js */// 定义styleCount用于记录<style>标签数，styleList用于保存<style>节点对象let styleCount = 0, styleList = []// 定义