Support ES6 modules and babel imports in TS

This information was really helpful - https://blogs.msdn.microsoft.com/typescript/2018/01/31/announcing-typescript-2-7/#easier-ecmascript-module-interoperability
toptal · Jan 25, 2019 · 1d3dcb5 · 1d3dcb5
1 parent ab7110f
commit 1d3dcb5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/components/styles/index.js b/components/styles/index.js
@@ -1,4 +1,4 @@
-import * as color from 'color'
+import color from 'color'
 
 export const darken = (inputColor, amount) =>
   color(inputColor)

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,13 +1,14 @@
 {
   "compilerOptions": {
     "outDir": "build",
-    "module": "commonjs",
+    "module": "es6",
     "target": "es5",
     "lib": ["es6", "dom"],
+    "moduleResolution": "node",
+    "esModuleInterop": true,
     "sourceMap": true,
     "allowJs": true,
     "jsx": "react",
-    "moduleResolution": "node",
     "rootDir": "/",
     "baseUrl": "components",
     "forceConsistentCasingInFileNames": true,