chore(webpack): update webpack 2 for dev

Author: pexea12

build/webpack.base.conf.js

@@ -1,52 +1,53 @@
-var path = require('path')
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
+const path = require('path')
 
 module.exports = {
   entry: {
-    app: './src/main.js'
+    main: path.resolve(__dirname, '../src/main.js'),
   },
   output: {
     path: path.resolve(__dirname, '../dist'),
     publicPath: '/',
     filename: 'build.js',
   },
   resolve: {
-    extensions: ['', '.js', '.vue'],
+    extensions: ['.json', '.js', '.vue'],
     alias: {
-      vue$: 'vue/dist/vue.common.js',
       components: path.resolve(__dirname, '../src/components'),
     },
   },
-  resolveLoader: {
-    root: path.join(__dirname, 'node_modules'),
-  },
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.vue$/,
-        loader: 'vue',
+        use: 'vue-loader',
       },
       {
         test: /\.js$/,
-        loader: 'babel!eslint',
+        use: 'babel-loader',
         exclude: /node_modules/
       },
-      {
-        test: /\.json$/,
-        loader: 'json',
-      },
       {
         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-        loader: 'url',
+        use: {
+          loader: 'url-loader',
+          options: {
+            limit: 10000,
+            name: 'images/[name].[hash:7].[ext]',
+          },
+        },
       },
+
       {
         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
-        loader: 'url',
+        use: {
+          loader: 'url-loader',
+          options: {
+            limit: 10000,
+            name: 'fonts/[name].[hash:7].[ext]',
+          },
+        },
       },
-    ],
-  },
 
-  eslint: {
-    formatter: require('eslint-friendly-formatter')
+    ],
   },
 }

build/webpack.dev.conf.js

@@ -1,39 +1,39 @@
-var config = require('./webpack.base.conf')
-var HtmlWebpackPlugin = require('html-webpack-plugin')
+const config = require('./webpack.base.conf')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const webpack = require('webpack')
+const path = require('path')
 
-// eval-source-map is faster for development
-config.devtool = 'eval-source-map'
+config.devtool = '#eval-source-map'
 
 config.devServer = {
-  // allow access over local network
   host: 'localhost',
   port: 1805,
-  // enable HTML5 history routing
   historyApiFallback: true,
-  // suppress useless text
+  hotOnly: true,
+  overlay: true,
   noInfo: true,
 }
 
-// necessary for the html plugin to work properly
-// when serving the html from in-memory
-config.output.publicPath = '/'
-config.module.loaders = (config.module.loaders || []).concat([
+config.module.rules = (config.module.rules || []).concat([
   { 
     test: /\.css$/, 
     loader: "style!css" 
   },
 ])
 
 config.plugins = (config.plugins || []).concat([
-  // generate HTML on the fly
+  new webpack.DefinePlugin({
+    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+  }),
+
   new HtmlWebpackPlugin({
+    title: 'BookUp',
     filename: 'index.html',
-    template: 'src/index.html'
-  })
+    template: path.resolve(__dirname, '../src/index.html'),
+  }),
+
+  new webpack.optimize.OccurrenceOrderPlugin(),
+  new webpack.NoEmitOnErrorsPlugin(),
 ])
 
 module.exports = config
-
-
-
-  // new ExtractTextPlugin("vue-image-lightbox.min.css"),

dist/build.js

@@ -37,25 +37,17 @@
     "babel-preset-stage-2": "^6.0.0",
     "babel-runtime": "^6.0.0",
     "css-loader": "^0.23.0",
-    "eslint": "^1.10.3",
-    "eslint-friendly-formatter": "^1.2.2",
-    "eslint-loader": "^1.2.0",
     "extract-text-webpack-plugin": "^1.0.1",
     "file-loader": "^0.8.4",
-    "function-bind": "^1.0.2",
     "html-webpack-plugin": "^1.7.0",
-    "inject-loader": "^2.0.1",
-    "json-loader": "^0.5.4",
     "rimraf": "^2.5.0",
     "style-loader": "^0.13.1",
     "url-loader": "^0.5.7",
     "vue": "2.1.10",
-    "vue-hot-reload-api": "^1.2.0",
-    "vue-html-loader": "^1.0.0",
     "vue-loader": "^11.0.0",
-    "webpack": "^1.12.2",
-    "webpack-dev-server": "^1.12.0",
-    "vue-template-compiler": "^2.1.10"
+    "vue-template-compiler": "^2.1.10",
+    "webpack": "^2.6.0",
+    "webpack-dev-server": "^2.4.5"
   },
   "dependencies": {
     "vue-lazyload": ">1.0.0-rc10"