How does TS support webpack's extensions?

[JounQin]

TypeScript Version: 2.6.1

Code

{
  resolve: {
    extensions: ['.ts', '.vue', '.js']
  }
}

And I've set paths in my tsconfig.json.

{
  "paths": {
      "*": [
        "*.ts",
        "*.vue"
      ]
  }
}

Expected behavior:

import Home from './views/Home'

Actual behavior:
I must write

import Home from './views/Home.vue'

Otherwise typescript service of IntelliJ IDEA will report an error: Error:(5, 17) TS2307:Cannot find module './views/Home'..

[mhegazy]

paths mapping do not affect relative paths. only non-relative ones. please see https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping.

The compiler does not rewrite module names at emit time. module names are considered resource identifiers and are not modified.. see #18971, #18951 and #16640

[JounQin]

@mhegazy So is there any workaround to support webpack extensions for now?

[DanielRosenwasser]

In a global file, you can write something like

declare module "*.vue" {
    import Vue from "vue";
    export default Vue;
}

[JounQin]

@DanielRosenwasser I've done that, my problem is that I want to remove .vue suffix when import .vue file.

[typescript-bot]

Automatically closing this issue for housekeeping purposes. The issue labels indicate that it is unactionable at the moment or has already been addressed.