Fixed problems with babel and es6.

Author: jmosawy

. babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["env"],
+  "plugins": ["transform-runtime"]
+}

.babelrc

@@ -1,4 +1,3 @@
 .idea/
 node_modules/
-dist/
 **/*.log

. eslintignore renamed to .eslintignore

@@ -29,7 +29,8 @@
     "autoprefixer": "^6.7.7",
     "babel-core": "^6.24.1",
     "babel-loader": "^6.4.1",
-    "babel-preset-es2015": "^6.24.1",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-env": "^1.4.0",
     "browser-sync": "^2.18.8",
     "css-loader": "^0.28.0",
     "eslint": "^3.19.0",

.gitignore

@@ -0,0 +1,13 @@
+process.env.NODE_ENV = 'production';
+
+const webpack = require('webpack');
+const webpackConfig = require('./webpack.config.prod');
+
+webpack(webpackConfig, (err, stats) => {
+  if(err || stats.hasErrors()) {
+    console.error(stats);
+    return 0;
+  }
+
+  console.log('DONE!');
+});

package.json

@@ -0,0 +1,16 @@
+const path = require('path');
+const webpackModules = require('./webpack.modules.prod');
+const webpackPlugins = require('./webpack.plugins.prod');
+
+const config = {
+  entry: './src/index.js',
+  output: {
+    filename: '[name].[hash].js',
+    path: path.resolve(__dirname, '../dist'),
+  },
+  target: 'web',
+  module: webpackModules,
+  plugins: webpackPlugins,
+};
+
+module.exports = config;

server/build.js

@@ -17,16 +17,14 @@ module.exports = {
     },
     {
       test: /\.vue$/,
-      exclude: [
-        path.resolve(__dirname, '../node_modules'),
+      exclude: /node_modules/,
+      use: [
+        { loader: 'vue-loader' },
       ],
-      use: 'vue-loader',
     },
     {
       test: /\.js$/,
-      exclude: [
-        path.resolve(__dirname, '../node_modules'),
-      ],
+      exclude: /node_modules/,
       use: [
         { loader: 'babel-loader' },
       ],

server/webpack.config.prod.js

@@ -0,0 +1,68 @@
+/* eslint-disable import/no-extraneous-dependencies */
+
+const path = require('path');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+
+module.exports = {
+  rules: [
+    {
+      test: /\.(js|vue)$/,
+      exclude: [
+        path.resolve(__dirname, '../node_modules'),
+      ],
+      use: [
+        { loader: 'eslint-loader', options: { failOnError: true } },
+      ],
+      enforce: 'pre',
+    },
+    {
+      test: /\.vue$/,
+      exclude: [
+        path.resolve(__dirname, '../node_modules'),
+      ],
+      use: 'vue-loader',
+    },
+    {
+      test: /\.js$/,
+      exclude: [
+        path.resolve(__dirname, '../node_modules'),
+      ],
+      use: [
+        { loader: 'babel-loader' },
+      ],
+    },
+    {
+      test: /\.scss$/,
+      exclude: [
+        path.resolve(__dirname, '../node_modules'),
+      ],
+      use: ExtractTextPlugin.extract({
+        fallback: 'style-loader',
+        use: [
+          { loader: 'css-loader', options: { minimize: true } },
+          { loader: 'resolve-url-loader' },
+          { loader: 'sass-loader?sourceMap' },
+          { loader: 'postcss-loader' },
+        ],
+      }),
+    },
+    {
+      test: /\.(woff|woff2)$/,
+      use: [
+        { loader: 'file-loader', options: { name: 'fonts/[name].[ext]' } },
+      ],
+    },
+    {
+      test: /\.(gif|jpg|png)$/,
+      use: [
+        { loader: 'url-loader', options: { name: 'images/[name].[ext]?[hash]', limit: 5000 } },
+      ],
+    },
+    {
+      test: /\.svg$/,
+      use: [
+        { loader: 'file-loader', options: { name: 'images/[name].[ext]?[hash]' } },
+      ],
+    },
+  ],
+};

server/webpack.modules.js

@@ -4,8 +4,6 @@ const webpack = require('webpack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 
-const COPYRIGHT_TEXT = 'Copyright 2017\nCode by Jeff Mosawy\n\nhttp://www.jmosawy.com\nj@mosawy.net';
-
 module.exports = [
   new webpack.optimize.CommonsChunkPlugin({
     name: 'vendor',
@@ -23,5 +21,4 @@ module.exports = [
   }),
   new webpack.HotModuleReplacementPlugin(),
   new ExtractTextPlugin('app.css?[contenthash]'),
-  new webpack.BannerPlugin({ banner: COPYRIGHT_TEXT }),
 ];

server/webpack.modules.prod.js

@@ -0,0 +1,31 @@
+/* eslint-disable import/no-extraneous-dependencies */
+
+const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+
+const COPYRIGHT_TEXT = 'Copyright 2017\nCode by Jeff Mosawy\n\nhttp://www.jmosawy.com\nj@mosawy.net';
+
+module.exports = [
+  new webpack.optimize.CommonsChunkPlugin({
+    name: 'vendor',
+    minChunks(module) {
+      return module.context && module.context.indexOf('node_modules') !== -1;
+    },
+  }),
+  new webpack.optimize.CommonsChunkPlugin({
+    name: 'manifest',
+  }),
+  new HtmlWebpackPlugin({
+    filename: 'index.html',
+    template: 'index.html',
+    inject: true,
+  }),
+  new UglifyJsPlugin(),
+  new ExtractTextPlugin('app.css?[contenthash]'),
+  new webpack.BannerPlugin({ banner: COPYRIGHT_TEXT }),
+  new webpack.DefinePlugin({
+    'process.env.NODE_ENV': JSON.stringify('production')
+  }),
+];

server/webpack.plugins.js

@@ -24,7 +24,6 @@
 <script>
   /* eslint-disable object-shorthand */
   /* eslint-disable arrow-body-style */
-  /* eslint-disable no-console */
 
   import Clipboard from 'clipboard';
 
@@ -63,7 +62,6 @@
     },
     methods: {
       filterSearch: function (val) {
-        console.log(val);
         this.searchedTerm = val;
       },
     },

server/webpack.plugins.prod.js

@@ -1,6 +1,6 @@
+@import "styles/core/all";
 @import "styles/tools/mixins";
 @import "styles/tools/transitions";
-@import "styles/core/all";
 
 @import "styles/modules/grid";