Edit webpack.config.js

webpack.config.js

@@ -1,6 +1,7 @@
 
 var path = require('path')
 var webpack = require('webpack')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
 
 module.exports = {
   entry: './src/index.ts',
@@ -25,6 +26,21 @@ module.exports = {
           // other vue-loader options go here
         }
       },
+      // this will apply to both plain `.js` files
+      // AND `<script>` blocks in `.vue` files
+      {
+        test: /\.js$/,
+        loader: 'babel-loader'
+      },
+      // this will apply to both plain `.css` files
+      // AND `<style>` blocks in `.vue` files
+      {
+        test: /\.css$/,
+        use: [
+          'vue-style-loader',
+          'css-loader'
+        ]
+      },
       {
         test: /\.tsx?$/,
         loader: 'ts-loader',
@@ -42,6 +58,9 @@ module.exports = {
       }
     ]
   },
+  plugins: [
+    new VueLoaderPlugin()
+  ],
   resolve: {
     extensions: ['.ts', '.js', '.vue', '.json'],
     alias: {
@@ -77,4 +96,4 @@ if (process.env.NODE_ENV === 'production') {
       minimize: true
     })
   ])
-}
+}