Compile to es modules for tree shaking

src/component/Header.tsx

@@ -1,11 +1,12 @@
 import * as React from 'react'
-import * as Clipboard from 'clipboard'
 
 import * as Index from '../index'
 import * as Style from '../index.css'
 
 import * as Core from '@material-ui/core'
 
+import Clipboard from 'clipboard'
+
 import Config from './Config'
 
 interface HeaderProps {

src/index.tsx

@@ -1,15 +1,15 @@
 import * as React from 'react'
 import * as ReactDOM from 'react-dom'
 
+import * as Styles from '@material-ui/core/styles'
+
+import Marked from 'marked'
+
 import Main from './component/Main'
 import Header from './component/Header'
 
-import * as RendererConfig from './config/Renderer.json'
-import * as ImageCollection from './config/ImageCollection.json'
-
-import * as Marked from 'marked'
-import * as Colors from '@material-ui/core/colors'
-import * as Styles from '@material-ui/core/styles'
+import RendererConfig from './config/Renderer.json'
+import ImageCollection from './config/ImageCollection.json'
 
 export interface RenderConfigCollection {
   [key: string]: {

tsconfig.json

@@ -2,7 +2,7 @@
     "compilerOptions": {
         "moduleResolution": "node",
         "resolveJsonModule": true,
-        "module": "commonjs",
+        "esModuleInterop": true,
         "sourceMap": true,
         "target": "es6",
         "strict": true,