welives / vitepress-code-preview

一款给 vitepress 文档中嵌入的 Vue 示例代码增加演示功能的插件, 支持 SFC, JSX, TSX
https://welives.github.io/vitepress-code-preview/
MIT License
15 stars 4 forks source link

[Bug]demo中依赖npm包时,无法在 Playground 中进行预览 #6

Open kagol opened 3 months ago

kagol commented 3 months ago

@welives 由于 vitepress-code-preview 插件内置的 Playground,Import Map 只有 vue/vue/server-renderer 这两个依赖包,如果demo里面依赖了其他包会导致报错。

复现地址:https://opentiny.github.io/fluent-editor/docs/basic-usage

image

报错截图: image

changweihua commented 3 months ago

可以试着自己添加一下,最好是引入插件的时候可以自己配置

{
  "imports": {
    "vue": "https://play.vuejs.org/vue.runtime.esm-browser.js",
    "vue/server-renderer": "https://play.vuejs.org/server-renderer.esm-browser.js",
    "@vue/shared": "https://unpkg.com/@vue/shared@latest/dist/shared.esm-bundler.js"
  },
  "scopes": {}
}
kagol commented 3 months ago

可以试着自己添加一下,最好是引入插件的时候可以自己配置

{
  "imports": {
    "vue": "https://play.vuejs.org/vue.runtime.esm-browser.js",
    "vue/server-renderer": "https://play.vuejs.org/server-renderer.esm-browser.js",
    "@vue/shared": "https://unpkg.com/@vue/shared@latest/dist/shared.esm-bundler.js"
  },
  "scopes": {}
}

引入插件的时候可以自己配置# 这个具体怎么配置呢?有示例代码吗?@changweihua