unlight/babel-plugin-postcss

Replace import from css expression to lit-element's css tag function

babel-plugin-postcss's Issues

Duplicated import declarations

Hi,

I'm facing an issue when I import two style files. The import declaration is added for each of the files, producing an error due to the duplicated import name (css).

The following code:

import styles from './styles.css';
import another from './another.css';

Produces this result:

import { css as _css } from "lit-element";
const styles = _css`:host {
  display: block;
}
`;
import { css as _css } from "lit-element";
const another = _css`:host {
  display: block;
}
`;

I'm happy to contribute with a PR, but I have a question. Why do you want to rename the import identifier? Can we just use the provided name from the plugin options? (import { tagged } from 'module')

Unable to watch the changes on the source CSS file once imported

Works fine for one time build, but not local dev server (e.g., the development mode of Webpack).