remove:

- express
- gitbook
- json-loader
- markdown-loader
- normalize.css
- prismjs
- vue-resource

build/webpack.base.conf.js

@@ -1,19 +1,25 @@
-var webpack = require('webpack')
-var VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
-var MiniCssExtractPlugin = require('mini-css-extract-plugin')
-var path = require('path')
-var chokidar = require('chokidar');
+const path = require('path');
+const webpack = require('webpack');
+const chokidar = require('chokidar');
+const VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
-const env = process.env.NODE_ENV === 'production' ? 'production' : 'development';
+const env = process.env.NODE_ENV === 'production'
+  ? 'production'
+  : 'development';
+
+const extractOrInjectStyles = process.env.NODE_ENV !== 'production'
+  ? 'vue-style-loader'
+  : MiniCssExtractPlugin.loader;
 
 module.exports = {
   mode: env,
   output: {
     path: path.resolve(__dirname, '../dist'),
     publicPath: '/',
-    filename: '[name].js'
+    filename: '[name].js',
   },
-  devtool: env === 'production' ? 'source-map' : 'eval-source-map',
+  // devtool: env === 'production' ? 'source-map' : 'eval-source-map',
   resolve: {
     extensions: ['.js', '.vue'],
     alias: {
@@ -21,78 +27,55 @@ module.exports = {
       'assets': path.resolve(__dirname, '../docs/assets'),
       'mixins': path.resolve(__dirname, '../src/mixins'),
       'components': path.resolve(__dirname, '../src/components'),
-      'docs': path.resolve(__dirname, '../docs'),
-      'vue$': 'vue/dist/vue.esm.js'
-    }
+      'vue$': 'vue/dist/vue.esm.js',
+    },
   },
   module: {
     rules: [
       {
         test: /\.vue$/,
-        loader: 'vue-loader'
+        loader: 'vue-loader',
       },
       {
         test: /\.js$/,
         loader: 'babel-loader',
         include: path.resolve(__dirname, '../'),
-        exclude: /node_modules/
-      },
-      {
-        test: /\.json$/,
-        loader: 'json-loader'
+        exclude: /node_modules/,
       },
       {
         test: /\.s?css$/,
         use: [
-          process.env.NODE_ENV !== 'production'
-            ? 'vue-style-loader'
-            : MiniCssExtractPlugin.loader,
+          extractOrInjectStyles,
           'css-loader',
-          'sass-loader'
-        ]
+          'sass-loader',
+        ],
       },
       {
         test: /\.html$/,
-        loader: 'vue-html-loader'
+        loader: 'vue-html-loader',
       },
-      {
-        test: /\.(png|jpe?g|gif)(\?.*)?$/,
-        loader: 'url',
-        query: {
-          limit: 10000,
-          name: 'img/[name].[hash:7].[ext]'
-        }
-      },
-      {
-        test: /\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/,
-        loader: 'url',
-        query: {
-          limit: 10000,
-          name: 'fonts/[name].[hash:7].[ext]'
-        }
-      }
-    ]
+    ],
   },
   plugins: [
     new webpack.DefinePlugin({
-      'process.env': env
+      'process.env': env,
     }),
     new MiniCssExtractPlugin({
-      filename: 'vue-select.css'
+      filename: 'vue-select.css',
     }),
-    new VueLoaderPlugin()
+    new VueLoaderPlugin(),
   ],
   devServer: {
     hot: true,
     hotOnly: true,
     inline: true,
     port: 8080,
-    before(app, server) {
+    before (app, server) {
       chokidar.watch([
-        './**/*.html'
+        './**/*.html',
       ]).on('all', function () {
         server.sockWrite(server.sockets, 'content-changed');
-      })
-    }
-  }
-}
+      });
+    },
+  },
+};

build/webpack.dev.conf.js

@@ -1,24 +1,17 @@
-var merge = require('webpack-merge')
-var HtmlWebpackPlugin = require('html-webpack-plugin')
-
-var baseWebpackConfig = require('./webpack.base.conf')
+const merge = require('webpack-merge');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const baseWebpackConfig = require('./webpack.base.conf');
 
 module.exports = merge(baseWebpackConfig, {
   entry: './dev/dev.js',
-  module: {
-    rules: [{
-      test: /\.md$/,
-      loader: "html!markdown-code-highlight-loader"
-    }]
-  },
   plugins: [
     new HtmlWebpackPlugin({
       filename: 'index.html',
       template: './dev/dev.html',
-      inject: true
-    })
+      inject: true,
+    }),
   ],
   optimization: {
-    noEmitOnErrors: true
-  }
-})
+    noEmitOnErrors: true,
+  },
+});

build/webpack.prod.conf.js

@@ -1,6 +1,5 @@
-var merge = require('webpack-merge')
-
-var baseWebpackConfig = require('./webpack.base.conf')
+const merge = require('webpack-merge');
+const baseWebpackConfig = require('./webpack.base.conf');
 
 module.exports = merge(baseWebpackConfig, {
   entry: './src/index.js',
@@ -8,6 +7,6 @@ module.exports = merge(baseWebpackConfig, {
     filename: 'vue-select.js',
     library: 'VueSelect',
     libraryTarget: 'umd',
-    globalObject: "typeof self !== 'undefined' ? self : this"
-  }
+    globalObject: 'typeof self !== \'undefined\' ? self : this',
+  },
 });

build/webpack.site.conf.js

@@ -1,51 +0,0 @@
-var merge = require('webpack-merge')
-var HtmlWebpackPlugin = require('html-webpack-plugin')
-
-var baseWebpackConfig = require('./webpack.base.conf')
-
-module.exports = merge(baseWebpackConfig, {
-  entry: './docs/homepage/home.js',
-  output: {
-    filename: 'js/[name].[hash].js',
-    chunkFilename: 'js/[id].[hash].js'
-  },
-  plugins: [
-    new HtmlWebpackPlugin({
-      filename: 'index.html',
-      template: './docs/homepage/home.html',
-      inject: true,
-      minify: {
-        removeComments: true,
-        collapseWhitespace: true,
-        removeAttributeQuotes: true
-      },
-      chunksSortMode: 'dependency'
-    }),
-  ],
-  optimization: {
-    splitChunks: {
-      chunks: 'async',
-      minSize: 30000,
-      maxSize: 0,
-      minChunks: 1,
-      maxAsyncRequests: 5,
-      maxInitialRequests: 3,
-      automaticNameDelimiter: '~',
-      name: true,
-      cacheGroups: {
-        vendors: {
-          test: /[\\/]node_modules[\\/]/,
-          priority: -10
-        },
-        default: {
-          minChunks: 2,
-          priority: -20,
-          reuseExistingChunk: true
-        }
-      }
-    },
-    runtimeChunk: {
-      name: "manifest",
-    }
-  }
-})