如何在 vuepress 或 vuejs 的 configureWebpack 中设置别名？

Question

我在 config.js

中设置了我的 configureWebpack 参数如下

configureWebpack: {
    resolve: {
        alias: {
            'alias': '/easym/imgs/'
        }
    }

},

我的文件夹结构如下

-/easym
--/.vuepress
--/imgs
---/Img1.jpeg

现在，当我尝试使用我定义的这个别名 ![Img1](~@alias/Img1.jpeg) 进行调用时，出现错误

Module not found: Error: Can't resolve '@alias/Img1.jpeg' in '/home/user/git/easym/quiz/smallquizzes'

P.S- 我的图像文件位于 /easym/imgs/Img1.jpeg，其中 /easym 是我的根文件夹

Answer 1

我发现了与文件夹路径相关的问题，但使用以下方法解决了它。

const path = require('path')
module.exports = {
    configureWebpack: {
    resolve: {
      alias: {
        '@myassets': path.resolve(__dirname, 'assets/img')
      }
    }
  },
...

如何在 vuepress 或 vuejs 的 configureWebpack 中设置别名？

How to set alias in configureWebpack in vuepress or vuejs?

vue.js

vuepress