请问如何再VUEPRESS的VUE组件内使用别名

[anyclub]

请问如何再VUEPRESS的VUE组件内使用别名,

大致需求如下

vuepres里面使用的vue组件内,需要根据项目src目录下某个JS文件的数据,目前只能用类似 ../../这样的方案么

[kefranabg]

Could you translate this issue so we can help you?

[haoranpb]

@anyclub I don't know the answer, but I think you can try stackoverflow

---

How to use alias in a vue component in Vuepress?

How to use alias in a vue component in Vuepress?

Basically, what I want to achieve is shown in the picture below:

When a vue component in Vuepress need to use data from some_js_file.js under src folder, is ../.. the only way to import that file ?

[Mister-Hope]

I think you can use the clainwebpack configuration, just as vue.

Besides, I think you are importing plugins outside the folder you serve, so you have to use ‘..’ to step back.

[meteorlxy]

Replace literal '../../src' to path.resolve('......')

e.g.

const path = require('path')

// ....

configureWebpack: {
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'path/to/src')
    }
  }
}

[ulivz]

Same opinion with @meteorlxy , you should set the target path of a alias to a absolute path so that you use it at any level of directories.