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

Question

我已经在config.js中设置了如下的configureWebpack参数

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

我的文件夹结构如下

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

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

模块未找到:错误:无法解析'@alias/Img1.jpeg'在/home/user/git/easym/测试/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')
}
}
},
...