update docs for webpack 2 new option usage

Author: yyx990803

docs/en/configurations/advanced.md

@@ -30,22 +30,26 @@ module.exports = {
 }
 ```
 
-Webpack 2.x:
+Webpack 2.x (^2.1.0-beta.25):
 
 ``` js
-var webpack = require('webpack')
-
 module.exports = {
-  // ...
-  plugins: [
-    new webpack.LoaderOptionsPlugin({
-      vue: {
-        loaders: {
-          // ...
+  // other options...
+  module: {
+    // module.rules is the same as module.loaders in 1.x
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue',
+        // vue-loader options goes here
+        options: {
+          loaders: {
+            // ...
+          }
         }
       }
-    })
-  ]
+    ]
+  }
 }
 ```
 

docs/en/configurations/extract-css.md

@@ -35,30 +35,35 @@ module.exports = {
 }
 ```
 
-### Webpack 2.x
+### Webpack 2.x (^2.1.0-beta.25)
 
 ``` bash
 npm install extract-text-webpack-plugin@2.x --save-dev
 ```
 
 ``` js
 // webpack.config.js
-var webpack = require('webpack')
 var ExtractTextPlugin = require("extract-text-webpack-plugin")
 
 module.exports = {
   // other options...
-  plugins: [
-    new webpack.LoaderOptionsPlugin({
-      vue: {
-        loaders: {
-          css: ExtractTextPlugin.extract({
-            loader: 'css-loader',
-            fallbackLoader: 'vue-style-loader' // <- this is a dep of vue-loader, so no need to explicitly install if using npm3
-          })
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue',
+        options: {
+          loaders: {
+            css: ExtractTextPlugin.extract({
+              loader: 'css-loader',
+              fallbackLoader: 'vue-style-loader' // <- this is a dep of vue-loader, so no need to explicitly install if using npm3
+            })
+          }
         }
       }
-    }),
+    ]
+  },
+  plugins: [
     new ExtractTextPlugin("style.css")
   ]
 }

docs/en/options.md

@@ -13,18 +13,22 @@ module.exports = {
 }
 ```
 
-For Webpack 2: use `webpack.LoaderOptionsPlugin`:
+For Webpack 2 (^2.1.0-beta.25):
 
 ``` js
 module.exports = {
   // ...
-  plugins: [
-    new webpack.LoaderOptionsPlugin({
-      vue: {
-        // vue-loader options
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue',
+        options: {
+          // vue-loader options
+        }
       }
-    })
-  ]
+    ]
+  }
 }
 ```