postcss-import-typescript-variables

Import variables written in typescript to postcss-simple-vars or postcss-advanced-variables, etc.

yarn add --dev postcss-import-typescript-variables

1/* variables.ts*/
2
3export const Color = {
4  primary: 'red',
5  primaryActive: 'magenta',
6  secondary: 'blue'
7};
8export const Gutter = 8;

1/* webpack.config.js */
2
3const variables = require('postcss-import-typescript-variables')({
4  path: './src/constants/variables.ts'
5});
6const plugins = [
7  require('postcss-simple-vars')({
8    variables
9  })
10];
11console.log(variables);

1/* terminal output */
2{
3  'color-primary': 'red',
4  'color-primary-active': 'magenta',
5  'color-secondary': 'blue',
6  gutter: '8px'
7}

MIT