Adding css-modules with a custom Rollup config breaks the build.

Current Behavior

Create a new project with react template: npx tsdx create mylib

1. Add postcss plugin and extend Rollup config with tsdx.config.js

yarn add -D rollup-plugin-postcss

const postcss = require('rollup-plugin-postcss');
module.exports = {
  rollup(config, options) {
    config.plugins.push(
      postcss({
        modules: true,
      })
    );
    return config;
  },
};

1. Add a test css-module file /src/style.module.css, import and use it in /src/index.tsx

.test {
  color: red;
}

import * as React from 'react';
import styles from './style.module.css';

// Delete me
export const Thing = () => {
  return <div className={styles.test}>the snozzberries taste like snozzberries</div>;
};

1. Build the library

yarn build

The build script exits with this error:

Suggested solution(s)

Apparently, the custom configuration added in tsdx.config.js is not interpreted and the parser doesn’t seem to know how to manage the .test css class in style.module.css.

If you downgrade TSDX to 0.9.3 the build passes.

This issue happens with TSDX >= v0.10.0

Your environment

Software	Version(s)
TSDX	0.10.5
TypeScript	3.6.4
Yarn	1.19.0
Node	v10.15.3
Operating System	macOS 10.14.6

[sw-yx]

do you mind retrying with v0.11? we reverted the change to @wessberg/rollup-plugin-ts. reopen if still persists.

[sergiop]

I can confirm @sw-yx, upgrading to v0.11 solves the issue. Thanks.