使用 Nuxt.js 强制 WebStorm 在导入中具有绝对路径答案

【问题标题】：Force WebStorm to have absolute path in imports with Nuxt.js使用 Nuxt.js 强制 WebStorm 在导入中具有绝对路径
【发布时间】：2019-08-14 14:53:55
【问题描述】：

我正在尝试找到一种方法来告诉 WebStorm 2019.1.4 在基于 Nuxt 的应用程序中的 ES6 导入中使用绝对路径。在 WebStorm 中进行自动导入时，例如：

import GlassPane from '../components/GlassPane'

我想在导入中有一个绝对路径（或基于别名的路径），如下：

import GlassPane from '~/components/GlassPane'

甚至：

import GlassPane from '/components/GlassPane'

有可能吗？

注意 Nuxt 应用程序中没有 webpack.config.js 文件，而只有一个包装它的 nuxt.config.js .

【问题讨论】：

【解决方案1】：

目前不支持在 Nuxt 项目中解析 webpack 别名，请投票给 WEB-32614 以获取任何进展通知。

作为一种解决方法，您可以创建自己的虚拟 webpack 配置并定义别名，就像 https://github.com/nuxt/nuxt.js/issues/2936#issuecomment-369987598 中建议的那样：

module.exports = {
  resolve: {
    // for WebStorm
    alias: {
      '@': path.resolve(__dirname),
      '~': path.resolve(__dirname)
    }
  }
};

【讨论】：