Remove .babelrc

Need to include modified webpack

Author: Anthony Gore

.babelrc

@@ -42,13 +42,14 @@
     "sass-loader": "^4.1.1",
     "style-loader": "^0.13.1",
     "vue": "^2.1.0",
-    "vuex": "^2.1.1",
     "vue-loader": "^10.0.0",
     "vue-style-loader": "^1.0.0",
     "vue-template-compiler": "^2.1.0",
+    "vuex": "^2.1.1",
     "webpack": "^2.2.0-rc.3",
     "webpack-dev-middleware": "^1.9.0",
     "webpack-hot-middleware": "^2.14.0",
-    "webpack-merge": "^2.3.1"
+    "webpack-merge": "^2.3.1",
+    "webpack-module-hot-accept": "^1.0.4"
   }
 }

package.json

@@ -12,18 +12,15 @@ var baseConfig = {
   },
   module: {
     rules: [
-      {
-        test: /\.vue$/,
-        loader: 'vue-loader',
-        options: {
-          loaders: {
-            'scss': 'vue-style-loader!css-loader!sass-loader',
-          }
-        }
-      },
       {
         test: /\.js$/,
-        loader: 'babel-loader',
+        use: [{
+          loader: 'babel-loader',
+          options: {
+            "presets": [ [ "es2015" ] ],
+            "plugins": [ "transform-es2015-destructuring", "transform-object-rest-spread", "transform-runtime" ]
+          }
+        }],
         exclude: /node_modules/
       },
       {
@@ -37,6 +34,15 @@ var baseConfig = {
           name: '[name].[ext]?[hash]',
           publicPath: process.env.CDN_URL && process.env.NODE_ENV === 'production' ? `${process.env.CDN_URL}/dist/` : false
         }
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          loaders: {
+            'scss': 'vue-style-loader!css-loader!sass-loader',
+          }
+        }
       }
     ]
   },
@@ -54,41 +60,54 @@ var baseConfig = {
   }
 };
 
+if (process.env.NODE_ENV === 'development') {
+
+}
+
 let targets = [ 'web', 'node' ].map((target) => {
-  return webpackMerge(baseConfig, {
+  let obj = webpackMerge(baseConfig, {
     target: target,
     entry: {
       app: target === 'web'
         ? process.env.NODE_ENV === 'development'
-        ? [ `./src/${target}.entry.js`, 'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000' ]
-        : [ `./src/${target}.entry.js` ]
+          ? [ `./src/${target}.entry.js`, 'webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000' ]
+          : [ `./src/${target}.entry.js` ]
         : [ `./src/${target}.entry.js` ]
       ,
     },
     output: {
       filename: `${target}.bundle.js`,
       libraryTarget: target === 'web' ? 'var' : 'commonjs2'
     },
+    module: {
+      rules: [
+
+      ]
+    },
     plugins: target === 'web'
       ? process.env.NODE_ENV === 'development'
-      ? [
-      new webpack.HotModuleReplacementPlugin(),
-      new ExtractTextPlugin("style.css")
-    ]
-      : [
-      new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }),
-      new webpack.optimize.UglifyJsPlugin({ sourceMap: true, compress: { warnings: false } }),
-      new webpack.LoaderOptionsPlugin({ minimize: true }),
-      new ExtractTextPlugin("style.css")
-    ]
+        ? [
+            new webpack.HotModuleReplacementPlugin(),
+            new ExtractTextPlugin("style.css")
+          ]
+        : [
+            new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }),
+            new webpack.optimize.UglifyJsPlugin({ sourceMap: true, compress: { warnings: false } }),
+            new webpack.LoaderOptionsPlugin({ minimize: true }),
+            new ExtractTextPlugin("style.css")
+          ]
       : []
     ,
     devtool: target === 'web'
       ? process.env.NODE_ENV === 'development'
-      ? '#eval-source-map'
-      : '#source-map'
+        ? '#eval-source-map'
+        : '#source-map'
       : false
   });
+  if (process.env.NODE_ENV === 'development' && target === 'web') {
+    module.exports.module.rules[0].use.push({ loader: 'webpack-module-hot-accept' });
+  }
+  return obj;
 });
 
 module.exports = targets;