Upgrade to webpack 3

Ryan.Chang · Ryan.Chang · commit 2540cf792ae0 · 2018-02-27T17:19:01.000+08:00
diff --git a/package.json b/package.json
@@ -23,12 +23,12 @@
   },
   "devDependencies": {
     "clean-webpack-plugin": "^0.1.3",
-    "css-loader": "^0.16.0",
-    "extract-text-webpack-plugin": "^0.8.2",
-    "file-loader": "^0.8.4",
-    "html-webpack-plugin": "^1.6.1",
-    "style-loader": "^0.12.3",
-    "webpack": "^1.12.2",
-    "webpack-dev-server": "^1.11.0"
+    "css-loader": "^0.28.7",
+    "extract-text-webpack-plugin": "^3.0.2",
+    "file-loader": "^1.1.5",
+    "html-webpack-plugin": "^2.30.1",
+    "style-loader": "^0.19.0",
+    "webpack": "^3.8.1",
+    "webpack-dev-server": "^2.9.2"
   }
 }
diff --git a/webpack-config.js b/webpack-config.js
@@ -1,24 +1,33 @@
+var {resolve} = require('path');
 var Clean = require('clean-webpack-plugin');
 var ExtractTextPlugin = require('extract-text-webpack-plugin');
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
 	entry: {
-		main: './index.js'
+		main: resolve('./index.js'),
 	},
 	output: {
-		path: './dist',
+		path: resolve('./dist'),
 		filename: 'app.[hash].js'
 	},
 	module: {
-		loaders: [
+		rules: [
 			{
 				test: /\.css$/,
-				loader: ExtractTextPlugin.extract("style-loader", "css-loader")
+				loader: ExtractTextPlugin.extract({
+					fallback: "style-loader",
+					use: {
+						loader: "css-loader",
+						options: {
+							minimize: false,
+						},
+					},
+				})
 			},
 			{
 				test: /\.(jpg|png)$/,
-				loader: 'file'
+				loader: 'file-loader'
 			},
 		]
 	},
