Include CSS files in tsc TypeScript compilation

Question

I am trying to create a React TypeScript NPM package. I have finished my code and created package.json and tsconfig.json. But inside my package I also have a bunch of CSS files that I want to include in my package. This is my tsconfig.json:

{
  "compilerOptions": {
    "outDir": "./dist",
    "target": "es5",
    "esModuleInterop": true,
    "module": "commonjs",
    "moduleResolution": "node",
    "noImplicitAny": true,
    "removeComments": true,
    "declaration": true,
    "jsx": "react",
    "lib": [ "es2015", "dom" ],
    "sourceMap": false
  },
  "files": [
    "src/index.tsx"
  ],
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules"
  ]
}

My problem is that when I run tsc in my folder, it creates all .js files and all .d.ts files in /dist, but I see no CSS files at all. How do I do to make it include CSS?

score 12 · Answer 1 · answered Nov 17 '20 at 17:05

12

So this is exactly the question I was looking for. Unfortunately for us both I found our answer in this post https://vccolombo.github.io/blog/tsc-how-to-copy-non-typescript-files-when-building/

Basically what it said was that tsc does not do anything other than turn TS code into JS code and there are no plans to change this in the future.

answered Nov 17 '20 at 17:05

tacodave

121
1
3

1

TL;DR: After the build, copy the files to the build directly using custom commands or the copyfiles package. – Justin Harris Oct 11 '22 at 02:04

score -4 · Answer 2 · edited Jul 20 '22 at 23:09

-4

Add this to your tsconfig.json:

{
  "compilerOptions": {
    "plugins": [{ "name": "typescript-plugin-css-modules" }]
  }
}

More information can be gotten here https://www.npmjs.com/package/typescript-plugin-css-modules.

edited Jul 20 '22 at 23:09

GreenAsJade

14,459
11
63
98

answered Apr 28 '21 at 15:58

Bisola Adeniyi

33
1

3

This is getting downvotes because that package offers IDE support, but not packaging support. This question is about packaging support. – GreenAsJade Jul 20 '22 at 23:20

Include CSS files in tsc TypeScript compilation

2 Answers2