Built webpackable component example

index.js

/* @macrome
 * @generated-by ./index.js
 */
const React = require('react');

const styles = require('index.module.css.js');
require('index.module.css');
// The bundler needs a css require to exist for static analysis.
// Node require hooks may be used to make requiring any .css a no-op.

function MyComponent(props) {
  return React.createElement(
    'button',
    { className: styles.button }
    ' Push me '
  );
}

module.exports = { MyComponent };

index.module.css

/* @macrome
 * @generated-by ./index.module.scss
 */
._button_116zl_1 {
  line-height: 2;
}

index.module.css.js

/* @macrome
 * @generated-by ./index.module.scss
 */
module.exports = {
  button: "_button_116zl_1"
};

index.module.scss

.button {
  line-height: 2;
}

index.ts

import * as React from 'react';

import styles from 'index.module.scss';

export function MyComponent(props) {
  return <button className={styles.button}> Push me </button>;
}