【发布时间】：2021-01-13 10:17:56
【问题描述】：
我正在使用 vuejs 框架创建一个 wordpress 网站。我准备把vuejs组件放到这个目录下。
wp-content/themes/{theme}/components
问题是，我无法导入具有 ES6 import App from './components/App.vue' 功能的 vuejs 组件。
我尝试使用 CDN，但我不知道如何导入组件。
有人知道吗？
【问题讨论】：
【发布时间】：2021-01-13 10:17:56
【问题描述】：
这个问题有两个主要的解决方案：
- （最佳）：编译您的项目 (for example with the vue-CLI)，使项目中使用的所有导入都编译成简单的浏览器可读的 js 文件
- 使用http-vue-loader 库直接从浏览器加载组件（此解决方案完美运行，但不推荐使用许多组件的性能）
【讨论】：
-
httpVueLoader 很简单。但问题是，它不会导入 vue 文件，因为它是相对于 URL 而不是路径导入的。 impot 的结果是
404。我该如何解决这个问题？ -
您应该配置您的 WordPress 站点，使其能够向公众公开 *.vue 文件。您的目标是能够直接在浏览器中查看您的 vue 组件，例如，www.yourdomain.com/vue-components/navbar.vue 应该返回您的 navbar.vue 组件。