标签：交互文档

如何构建一个可交互的组件文档

经常可以看到各种组件的文档，都是可交互，点开code按钮，还能查看对应的源码。那么我们如果要写一个这种的话，最省事的，应该就是在源代码的基础上，我们增加一个按钮，然后点开可以查看源码，反正就是尽量和书写vue项目一样。为了达到这个需要，我们有两个需求：怎么把vue文件作为代码文本显示代码文本怎么高亮解决这两点我们也能简单的搭建一个类似的可以交互的组件文档了。当然还有更高端的办法，就是自己写一个loader解析器，这个成本就很高了，一般人也不会这个，所以就不考虑了。怎么把vue文件作为代码文本显示webpack有一个插件： raw-loader他可以把text文本或者vue文件这些文件，拿...