javascript - 如何在 Vue 文件中包含资产文件夹？

Question

我试过这个（我使用的是 Vue 的官方Webpack 模板）：

data () {
  photoEditorAssets: require('../assets/img/photoeditorsdk/assets'),
}

mounted () {
   var editor = new PhotoEditorSDK.UI.DesktopUI({ //eslint-disable-line
      container: container,
      assets: {
        baseUrl: this.photoEditorAssets // <-- This should be the absolute path to your `assets` directory
      }
    })
  }
}

但是，我收到此错误：

模块构建失败：错误：ENOENT：没有这样的文件或目录，打开 'E:\alex\vreditor\src\assets\img\photoeditorsdk\assets'

也许代码正在搜索一个名为 assets 的文件？

如何正确导入 Vue 文件中的文件夹？

注意：这是我的项目的结构：

Answer 1

这不是如何require()工作的。你想要的只是绝对路径。

像这样的东西应该适合你。

data () {
  photoEditorAssets: '../assets/img/photoeditorsdk/assets',
}