jsx and typescript support

index.js

@@ -43,7 +43,7 @@ module.exports = {
     ],
 
     BABEL_CONFIG: {
-        presets: ['env'],
+        presets: ['env', 'react'],
         babelrc: false,
         compact: false
     },
@@ -152,7 +152,14 @@ module.exports = {
                 devServer: { stats: "errors-only"},
                 amd: true,
                 resolve: {
-                    extensions: ['.js', '.vue', '.json'],
+                    extensions: [
+                        '.js',
+                        '.vue',
+                        '.json',
+                        '.tsx',
+                        '.ts',
+                        'jsx'
+                    ],
                     alias: {
                         'vue$': 'vue/dist/vue.esm.js',
                         '@': './js/'
@@ -168,7 +175,7 @@ module.exports = {
                 module: {
                     rules: [
                         {
-                            test: /\.js$/,
+                            test: /\.jsx?$/,
                             include: module.exports.BABEL_NPM_MODULES.map((lib) => new RegExp(`node_modules/${lib}`)),
                             use: {
                                 loader: 'babel-loader',
@@ -190,6 +197,11 @@ module.exports = {
                                 }
                             }
                         },
+                        {
+                            test: /\.tsx?$/,
+                            loader: 'ts-loader',
+                            exclude: /node_modules/,
+                        },
                     ]
                 },
                 plugins: [

package.json

@@ -32,6 +32,8 @@
     "less-plugin-autoprefix": "^1.5.1",
     "less-plugin-npm-import": "^2.1.0",
     "style-loader": "^0.18.1",
+    "ts-loader": "^2.1.0",
+    "typescript": "^2.3.3",
     "url-loader": "^0.5.8",
     "vinyl-buffer": "^1.0.0",
     "vinyl-source-stream": "^1.1.0",