Updated babel config in package.json to support IE11

template/package.json

@@ -23,29 +23,46 @@
   },
   "homepage": "https://github.com/RonnieSan/browser-components#readme",
   "devDependencies": {
+    "@babel/cli": "^7.2.0",
+    "@babel/core": "^7.2.2",
+    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+    "@babel/preset-env": "^7.2.0",
     "autoprefixer": "^8.3.0",
-    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.5",
-    "babel-eslint": "^8.2.3",
-    "babel-loader": "^7.1.4",
-    "babel-plugin-syntax-dynamic-import": "^6.18.0",
     "css-loader": "^0.28.11",
     "extract-text-webpack-plugin": "^3.0.2",
     "file-loader": "^1.1.11",
     "friendly-errors-webpack-plugin": "^1.7.0",
     "less": "^3.0.2",
     "less-loader": "^4.1.0",
-    "node-sass": "^4.8.3",
+    "node-sass": "^4.11.0",
     "optimize-css-assets-webpack-plugin": "^4.0.0",
     "sass-loader": "^7.0.1",
     "string-replace-webpack-plugin": "^0.1.3",
     "url-loader": "^1.0.1",
-    "vue-loader": "^14.2.2",
+    "vue-loader": "^15.4.2",
-    "vue-style-loader": "^4.1.0",
+    "vue-style-loader": "^4.1.2",
-    "vue-template-compiler": "^2.5.16",
+    "vue-template-compiler": "^2.5.21",
     "webpack": "^4.6.0",
-    "webpack-cli": "^2.0.15"
+    "webpack-cli": "^3.2.1"
   },
   "dependencies": {
     "vue": "^2.5.16"
+  },
+  "babel": {
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "useBuiltIns": "true",
+          "targets": {
+            "browsers" : [
+              "last 2 versions",
+              "ie >= 11"
+            ]
+          }
+        }
+      ]
+    ]
   }
 }

template/webpack.config.js

@@ -10,7 +10,8 @@ const path                = require('path');
 const webpack             = require('webpack');
 const ExtractTextPlugin   = require('extract-text-webpack-plugin');
 const OptimizeCSSPlugin   = require('optimize-css-assets-webpack-plugin');
-const StringReplacePlugin = require("string-replace-webpack-plugin");
+const StringReplacePlugin = require('string-replace-webpack-plugin');
+const VueLoaderPlugin     = require('vue-loader/lib/plugin');
 
 function resolve(dir) {
 	return path.resolve(__dirname, dir);
@@ -58,56 +59,59 @@ module.exports = (env) => {
 				},
 				{
 					test : /\.vue$/,
-					loader : 'vue-loader',
+					loader : 'vue-loader'
-					options : {
-						loaders : ExtractTextPlugin.extract({
-							use : {
-								css : [
-									'vue-style-loader',
-									'css-loader'
-								],
-								postcss : [
-									'vue-style-loader',
-									'css-loader'
-								],
-								less : [
-									'vue-style-loader',
-									'css-loader',
-									{
-										loader : 'less-loader',
-										options : {
-											paths : [
-												path.resolve(__dirname, 'src/less')
-											],
-											sourceMap : true
-										}
-									}
-								],
-								scss : [
-									'vue-style-loader',
-									'css-loader',
-									'sass-loader'
-								],
-								sass : [
-									'vue-style-loader',
-									'css-loader',
-									'sass-loader?indentedSyntax'
-								]
-							},
-							fallback: 'vue-style-loader'
-						})
-					}
 				},
 				{
 					test : /\.js$/,
 					loader : 'babel-loader',
 					include : [
 						resolve('src')
+					],
+					exclude: file => (
+						/node_modules/.test(file) &&
+						!/\.vue\.js/.test(file)
+					)
+				},
+				{
+					test : /\.css$/,
+					use : [
+						'vue-style-loader',
+						'css-loader'
+					]
+				},
+				{
+					test : /\.less$/,
+					use : [
+						'vue-style-loader',
+						'css-loader',
+						'less-loader'
+					]
+				},
+				{
+					test : /\.scss$/,
+					use : [
+						'vue-style-loader',
+						'css-loader',
+						'sass-loader'
+					]
+				},
+				{
+					test : /\.sass$/,
+					use : [
+						'vue-style-loader',
+						'css-loader',
+						{
+							loader : 'sass-loader',
+							options : {
+								indentedSyntax : true
+							}
+						}
 					]
 				}
 			]
 		},
 		plugins : [
+			new VueLoaderPlugin(),
 			new OptimizeCSSPlugin({
 				cssProcessorOptions: {
 					safe: true