WebStorm 中的 Nuxt webpack 别名

Question

Nuxt (2.10)/打字稿 (3.6)

在 WebStorm (2019.2.3) 中，我们必须创建一个伪造的 webpack.config.js 以使路径别名在 IDE 中工作：

const path = require('path')

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

然后在 .vue 文件中：

<style lang="scss" scoped>
.test {
  background: url('~assets/svg/ios.png');
}
</style>

可以在 webpack 中工作，但 WebStorm 对此有抱怨：

有没有办法让 webpack 别名在样式内甚至在 .scss 文件本身中工作？

Answer 1

2019.2.3 将无法使用。它仅适用于最新的 WebStorm EAP。

WebStorm 中的 Nuxt webpack 别名

Nuxt webpack aliases in WebStorm

webstorm

typescript

webpack

vue.js

nuxt.js