在WebStorm中设置vue相对导入

分类: 文章 • 2024-12-23 22:56:16

在VUE中通常使用@来处理相对导入问题,配置代码如下:

 resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src')
    }
  }

使用此配置之后需要在webstorm中做相关配置才可以正常访问.设置如图:

在WebStorm中设置vue相对导入