WebStorm中的Nuxt Webpack别名

Question

Nuxt（2.10）/ Typescript（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中有效。