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

【问题标题】：How to set alias in configureWebpack in vuepress or vuejs?如何在 vuepress 或 vuejs 的 configureWebpack 中设置别名？
【发布时间】：2021-10-12 13:36:51
【问题描述】：

我在 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/quiz/smallquizzes'

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

【问题讨论】：

标签： vue.js vuepress

【解决方案1】：

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

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

【讨论】：

谢谢，有帮助！由于我的图像文件夹在 .vuepress 文件夹之外，我将此行更改为 '@alias': path.resolve(__dirname, '../imgs') 并且它工作了
不要忘记检查答案作为解决方案。