Path mapping should relative path ?

[panudetjt]

TypeScript Version: nightly (2.1.0-dev.20160722)

Code

// src/views/foo.ts
import foo from 'view/bar';

console.log('Hi ', foo);

// generated/templates/views/bar.ts
let foo = 'foo'

export default foo;

// tsconfig.json
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
        "view/*": ["generated/templates/views/*"]
    },
    "outDir": "dist"
  }
}

Expected behavior:
the import foo from 'views/bar'; in src/views/foo.ts should generate 'var bar_1 = require('../../../view/bar');' because I've already define it with path mapping, It should relative path or not ?
Actual behavior:
the import foo from 'views/bar'; insrc/views/foo.tsgenerate 'var bar_1 = require('view/bar');

if you don't understand my english you should try by yourself ts-path-mapping

Sorry for my bad eng, Thank you :)

[mhegazy]

Reposting my answer from #5039 (comment)

The compiler does not rewrite module names. module names are considered resource identifiers, and are mapped to the output as they appear in the source

The module names you write are not going to change in the output. the "paths" and "baseURL" are there to tell the compiler where they are going to be at runtime.

[panudetjt]

Thank you @mhegazy, I've understood 👍

[papercuptech]

Appreciating TS's position, here's a simple solution to the 90% use case for those of us using node, but wanting the convenience of using baseUrl relative require() calls without any fuss.

This solution hooks node's require() call, and resolves requests using the dirname of "main" to mimic baseUrl. It therefore assumes the baseUrl compiler option was also set to the same directory where the source "main.ts" was located.

To use, paste this tiny chunk of code at the top of your "main.ts".

import * as path from 'path'
import * as fs from 'fs'
(function() {
  const CH_PERIOD = 46
  const baseUrl = path.dirname(process['mainModule'].filename)
  const existsCache = {d:0}; delete existsCache.d
  const moduleProto = Object.getPrototypeOf(module)
  const origRequire = moduleProto.require
  moduleProto.require = function(request) {
    let existsPath = existsCache[request]
    if(existsPath === undefined) {
      existsPath = ''
      if(!path.isAbsolute(request) && request.charCodeAt(0) !== CH_PERIOD) {
        const ext = path.extname(request)
        const basedRequest = path.join(baseUrl, ext ? request : request + '.js')
        if(fs.existsSync(basedRequest)) existsPath = basedRequest
        else {
          const basedIndexRequest = path.join(baseUrl, request, 'index.js')
          existsPath = fs.existsSync(basedIndexRequest) ? basedIndexRequest : ''
        }
      }
      existsCache[request] = existsPath
    }
    return origRequire.call(this, existsPath || request)
  }
})()