nativescript-dev-typescript icon indicating copy to clipboard operation
nativescript-dev-typescript copied to clipboard

Using custom tsconfig.json path aliases

Open darkyelox opened this issue 7 years ago • 0 comments

I'm here for the same problem that always faced using Nativescript an is tue ability to use path aliases in my tsconfig, i can use the ~ alias with no problem but i want to use any kind of aliases for my apps like @some.module.path but i can only using it when running my apps with tns run android --bundle the problem with this approach is that i can't use any kind of debugging tool (VSCode or Chrome Dev Tools) and that is a big problem, it is possible to use my own aliases or i must stuck using the ~ ugly alias?

Which platform(s) does your issue occur on?

  • Both

Please, provide the following version numbers that your issue occurs with:

  • CLI: 4.1.0
  • Cross-platform modules: 4.1.0
  • Runtime(s): Android 4.1.2
  • Plugin(s):
 "dependencies": {
    "@angular/animations": "~6.0.0",
    "@angular/common": "~6.0.0",
    "@angular/compiler": "~6.0.0",
    "@angular/core": "~6.0.0",
    "@angular/forms": "~6.0.0",
    "@angular/http": "~6.0.0",
    "@angular/platform-browser": "~6.0.0",
    "@angular/platform-browser-dynamic": "~6.0.0",
    "@angular/router": "~6.0.0",
    "nativescript-angular": "~6.0.0",
    "nativescript-theme-core": "~1.0.4",
    "reflect-metadata": "~0.1.10",
    "rxjs": "~6.1.0",
    "tns-core-modules": "4.1.0",
    "zone.js": "~0.8.18"
  },
  "devDependencies": {
    "@angular-devkit/core": "~0.6.3",
    "@angular/compiler-cli": "~6.0.0",
    "@ngtools/webpack": "~6.0.3",
    "awesome-typescript-loader": "^5.0.0",
    "babel-traverse": "6.26.0",
    "babel-types": "6.26.0",
    "babylon": "6.18.0",
    "clean-webpack-plugin": "~0.1.19",
    "copy-webpack-plugin": "~4.5.1",
    "css-loader": "~0.28.11",
    "extract-text-webpack-plugin": "~3.0.2",
    "lazy": "1.0.11",
    "nativescript-dev-sass": "^1.6.0",
    "nativescript-dev-typescript": "~0.7.0",
    "nativescript-dev-webpack": "^0.12.0",
    "nativescript-worker-loader": "~0.9.0",
    "raw-loader": "~0.5.1",
    "resolve-url-loader": "~2.3.0",
    "sass-loader": "~7.0.1",
    "typescript": "~2.7.2",
    "uglifyjs-webpack-plugin": "~1.2.5",
    "webpack": "~4.6.0",
    "webpack-bundle-analyzer": "~2.13.0",
    "webpack-cli": "~2.1.3",
    "webpack-sources": "~1.1.0"
  }

Please, tell us how to recreate the issue in as much detail as possible.

create a project using Angular blank template and install Webpack plugin, then create a module folder and create some path alias in tsconfig.json

Running the proyect with parameter --bundle makes the path alias works but debugging from VSCode stops working

darkyelox avatar Jun 10 '18 01:06 darkyelox