Build typescript on commit

I’m trying to rebuild my typescript project on each commit, after prettifying the code with prettier:

"lint-staged": {
    "*.ts": [
      "prettier --parser typescript --write --no-semi",
      "tsc",
      "git add"
    ]
  },

Problem is that the tsc command here seems to fail to see my .tsconfig.json file, probably because the working directory of lint-staged is set to the directory of the file that is committed.

Is there a way to make this work? If I wanted to use something like tsc --rootDir ../.. to “fix” the working directory how would I know the level of depth to go up in the directory tree for the currently staged file?

[szhu]

hi, I know this is an already closed issue, but I still ran into it. I was able to fix it though!

I think the issue has nothing to do with tsconfig or the working directory. The issue is that lint-staged is appending the names of the changed files to the command. So if you’re telling it to run tsc, it’s actually running tsc changedfile1.ts changedfile2.ts. That’s why it’s ignoring your tsconfig, because passing extra files to it explicitly overrides that.

I fixed this issue with the following config:

  "lint-staged": {
     "*.ts": [
       "prettier --parser typescript --write --no-semi",
-      "tsc",
+      "bash -c tsc",
       "git add"
     ]
   },

bash doesn’t automatically pass its args down to child commands – bash -c tsc effectively runs tsc but ignores all args.

[sudo-suhas]

Why would you want to use lint-staged for that? Just use husky pre-commit hook to run what ever command you need. It could be done using lint-staged && tsc-build-cmd. Note that tsc-build-cmd is not a valid command and needs to be substituted with the one which will build your project.