Add support for --outDir option

[apple-yagi]

I created a Pull Request because I wanted the outputFolder option available in typed-css-modules to also be present in happy-css-modules. Could you please review it?

[mizdra]

Thanks for your contribution! I will review it at a later date.

[mizdra]

@apple-yagi Question: how does tsc or tsserver load *.d.ts?

For example, imagine the following project.

repo: https://github.com/mizdra/hcm-output-folder-test

+ package.json
+ tsconfig.json
+ src
| + Button.tsx
| + Button.module.css
+ dist
  + Button.module.css.d.ts
  + Button.module.css.d.ts.map

// package.json
{
  "scripts": {
    "dev:hcm": "hcm -o dist 'src/**/*.module.css'"
  }
}

// src/Button.tsx
import styles from from './Button.module.css';
export function Button() {
  return <button class={styles.button}>Click me!</button>
}

We need to tell tsc and tsserver that the type definition file for Button.module.css is Button.module.css.d.ts. How do we achieve that?

I believe I need to use paths in tsconfig.json and rewrite import speficier to non-relative paths to achieve that. Is that what you expect?

• mizdra/hcm-output-folder-test@b0f2dd1

To clarify my opinion: I am positive about implementing --outputFolder. However, if there is work that users need to do to use --outputFolder, it needs to be documented. I want to be clear about it.

[apple-yagi]

@mizdra Thank you for checking.

I will resolve the issue by using the compilerOptions.rootDirs in tsconfig. By doing so, I can use the outputFolder without having to change paths and such.

I've created a Pull Request, so please give it a try.
Thank you!

mizdra/hcm-output-folder-test#1

[mizdra]

Wow, this is a good solution. I am going to document the solution. Thank you!

[mizdra]

LGTM. Thank you for your great contribution! Sorry for the late review.

[mizdra]

This feature is shipped in v3.2.0.

https://github.com/mizdra/happy-css-modules/releases/tag/v3.2.0