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

Question

我试过这个（我用的是Vue官方Webpack template）：

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',
}