A PostCSS plugin to create a TypeScript file by each CSS file.
npm install postcss-typescript-css
What is this? For example, you have the following CSS file:
And the plugin will give you a TypeScript file in the same location where the CSS file is. This file generated has almost the same name, only it's added "Style" at the end of the original name of your CSS file, example:
const componentNameStyle =componentName: 'ComponentName'componentDescendentName: 'ComponentName-descendentName'componentModifierName: 'ComponentName--modifierName';
So, you can import the TypeScript file
Note: you have to import first the componentName.css
;;const element = document;elementclassName = componentNameStylecomponentName;
if you are using postcss-modules you need to do this:
postcss-modulesNote: only use the options if you are using
Type: object (JSON object)
This will build scripts, run tests and generate a code coverage report. Anything less than 100% coverage will throw an error.
Take a look a this repo. Here you could see the plugin in action with webpack 2 and React with TypeScript and PostCSS.
See PostCSS docs for examples for your environment.
Inspired by postcss-generate-ts-hash, postcss-modules and postcss-font-pack to create the structure of the project
- ⇄ Pull requests and ★ Stars are always welcome.
- For bugs and feature requests, please create an issue.
- Pull requests must be accompanied by passing automated tests (