Babel plugin for converting CSS to JSS using PostCSS

[DenisIzmaylov]

Extracted from https://github.com/axept/jss-from-css/issues/1

Requirements:

• Fast run-time execution

Problem:

• Using PostCSS in run-time is slow.

Solution:

• Write a plugin which convert fragments Template literals with fromPostCSS to JSS according to this example: https://github.com/axept/jss-from-postcss#example
• Deploy it as https://github.com/axept/babel-plugin-jss-from-css
• Target patterns like "fromPostCSS" could be overridable in babel config
• PostCSS configuration should be used from package.json (or suggest better place?) but may be configured as a specified external file

Additional:

Some examples here:

• https://github.com/threepointone/glamor/blob/v3/packages/glamor-raw-css/src/babel.js
• https://github.com/threepointone/glamor/blob/v3/packages/babel-plugin-glamor/src/babel-hoist.js
• https://github.com/lttb/babel-plugin-prejss

[DenisIzmaylov]

Just discussed with @lttb and decided to use https://github.com/michael-ciniawsky/postcss-load-config for PostCSS configs.

Also he will extend API for the plugin to use TaggedTemplateExpression - https://github.com/lttb/babel-plugin-prejss/issues/3

Let's keep this issue opened until the changes will be applied.

[DenisIzmaylov]

Do not implement it.