Update build to use ts-loader with babel

Author: Austin Green

babel.config.js

@@ -13,8 +13,7 @@ module.exports = {
         targets: '> 0.5%, last 2 versions, Firefox ESR, not dead'
       }
     ],
-    '@babel/preset-react',
-    '@babel/preset-typescript'
+    '@babel/preset-react'
   ],
   plugins: [
     '@babel/plugin-transform-object-assign',

package.json

@@ -34,7 +34,6 @@
     "@babel/polyfill": "7.4.4",
     "@babel/preset-env": "7.4.5",
     "@babel/preset-react": "7.0.0",
-    "@babel/preset-typescript": "7.3.3",
     "@svgr/webpack": "4.3.0",
     "@testing-library/react": "8.0.1",
     "@types/classnames": "2.2.8",

packages/dropdowns/package.json

@@ -14,7 +14,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "../../utils/scripts/build.sh && tsc -p tsconfig.build.json",
+    "build": "../../utils/scripts/build.sh",
     "build:demo": "../../utils/scripts/build-demo.sh",
     "start": "../../utils/scripts/start.sh"
   },

packages/dropdowns/styleguide.config.js

@@ -15,7 +15,7 @@ const reactDocgen = require('react-docgen');
  */
 module.exports = {
   propsParser: reactDocgenTypescript.withCustomConfig(
-    path.resolve(__dirname, '../../utils/styleguide/tsconfig.styleguide.json'),
+    path.resolve(__dirname, '../../tsconfig.json'),
     {
       propFilter: props => {
         return props.parent.fileName.indexOf('node_modules') === -1;

packages/dropdowns/tsconfig.build.json

@@ -1,11 +1,10 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "noEmit": false,
     "rootDir": "src",
     "declarationDir": "dist/typings",
     "declaration": true,
-    "emitDeclarationOnly": true,
+    "sourceMap": false
   },
   "include": ["src/**/*"],
   "exclude": ["**/*.spec.tsx", "**/*.spec.ts"]

tsconfig.json

@@ -2,9 +2,8 @@
   "compilerOptions": {
     "target": "esnext",
     "module": "esnext",
-    "jsx": "react",
+    "jsx": "preserve",
     "sourceMap": true,
-    "noEmit": true,
     "strict": true,
     "moduleResolution": "node",
     "baseUrl": "./",

utils/build/webpack.base.js

@@ -78,6 +78,12 @@ found at http://www.apache.org/licenses/LICENSE-2.0
           {
             loader: 'babel-loader',
             options: babelOptions
+          },
+          {
+            loader: 'ts-loader',
+            options: {
+              configFile: path.resolve('tsconfig.build.json')
+            }
           }
         ]
       },

utils/scripts/build.sh

@@ -3,4 +3,5 @@ set -x
 set -e
 
 rimraf dist
-webpack --config ../../utils/build/webpack.commonjs.js --config ../../utils/build/webpack.umd.js --hide-modules
+webpack --config ../../utils/build/webpack.commonjs.js --hide-modules
+webpack --config ../../utils/build/webpack.umd.js --hide-modules

utils/styleguide/styleguide.base.config.js

@@ -187,7 +187,7 @@ const defaultStyleguideConfig = {
             {
               loader: require.resolve('ts-loader'),
               options: {
-                configFile: path.resolve(__dirname, 'tsconfig.styleguide.json')
+                configFile: path.resolve(__dirname, '../../tsconfig.json')
               }
             }
           ]