Warm tip: This article is reproduced from serverfault.com, please click

vue.js-如何在 vuepress 或 vuejs 的 configureWebpack 中设置别名?

(vue.js - How to set alias in configureWebpack in vuepress or vuejs?)

发布于 2021-08-08 15:35:23

我在 config.js 中设置了我的 configureWebpack 参数,如下所示

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

},

我的文件夹结构如下

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

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

找不到模块:错误:无法解析“/home/user/git/easym/quiz/smallquizzes”中的“@alias/Img1.jpeg”

PS-我的图像文件位于我的根文件夹的/easym/imgs/Img1.jpeg位置/easym

Questioner
Sachin Mohan
Viewed
0
Tarik 2021-08-09 01:28:32

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

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