CSS Module TypeScript Loader
npm install css-module-typescript-loader
Webpack loader to create TypeScript declarations for CSS Modules.
Emits TypeScript declaration files matching your CSS Modules in the same location as your source files, e.g. src/style.css will generate src/style.css.d.ts.
There are currently a lot of solutions to this problem. However, this package differs in the following ways:
- Encourages generated TypeScript declarations to be checked into source control, which allows webpack and tsc commands to be run in parallel in CI.
- Ensures committed TypeScript declarations are in sync with the code that generated.
``bash`
npm i -D css-module-typescript-loader
Place css-module-typescript-loader directly after css-loader in your webpack config.
`jsstyle-loader
module.exports = {
module: {
rules: [
{
test: /\.css$/u,
use: [
// Here can be or mini-css-extract-plugin loader before css-module-typescript-loader
'css-module-typescript-loader',
{
loader: 'css-loader',
options: {
modules: true
}
}
]
}
]
}
};
See license.