feature(webpack4) Use redirect-webpack-plugin

Author: EugeneHlushko

antwar.config.js

@@ -19,49 +19,7 @@ module.exports = () => ({
       redirects: {
         'support': '/contribute',
         'writers-guide': '/contribute/writers-guide'
-      },
-      paths: {
-
-				/*************************
-				 Redirects for Old Content
-				 *************************/
-				'get-started': {
-					hidden: true,
-					redirects: {
-						'': '/guides/getting-started',
-						'install-webpack': '/guides/installation',
-						'why-webpack': '/guides/why-webpack',
-					}
-				},
-				pluginsapi: {
-					hidden: true,
-					redirects: {
-						'': '/api/plugins',
-						'compiler': '/api/compiler',
-						'template': '/api/template'
-					}
-				},
-				'api/plugins': {
-					redirects: {
-						'compiler': '/api/compiler',
-						'compilation': '/api/compilation',
-						'module-factories': '/api/module-factories',
-						'parser': '/api/parser',
-						'tapable': '/api/tapable',
-						'template': '/api/template',
-						'resolver': '/api/resolver'
-					}
-				},
-				development: {
-					redirects: {
-						'': '/contribute',
-						'plugin-patterns': '/contribute/plugin-patterns',
-						'release-process': '/contribute/release-process',
-						'how-to-write-a-loader': '/contribute/writing-a-loader',
-						'how-to-write-a-plugin': '/contribute/writing-a-plugin'
-					}
-				}
-			}
+      }
     },
 		concepts: {
 			title: 'Concepts',

package.json

@@ -84,6 +84,7 @@
     "prism-languages": "^0.3.3",
     "prismjs": "^1.9.0",
     "raw-loader": "^0.5.1",
+    "redirect-webpack-plugin": "^0.1.1",
     "request": "^2.81.0",
     "sass-loader": "^6.0.6",
     "sitemap-static": "^0.4.2",

webpack.config.js

@@ -1,6 +1,7 @@
 const path = require('path');
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const CopyWebpackPlugin = require('copy-webpack-plugin');
+const RedirectWebpackPlugin = require('redirect-webpack-plugin');
 
 const cwd = process.cwd();
 
@@ -95,9 +96,30 @@ module.exports = (env) => ({
       from: './src/assets',
       to: './assets'
     }]),
-
     new MiniCssExtractPlugin({
       filename: '[chunkhash].css'
-    })
+    }),
+    new RedirectWebpackPlugin({
+      redirects: {
+        'get-started': '/guides/getting-started/',
+        'get-started/install-webpack': '/guides/installation/',
+        'get-started/why-webpack': '/guides/why-webpack/',
+        'pluginsapi': '/api/plugins/',
+        'pluginsapi/compiler': '/api/compiler/',
+        'pluginsapi/template': '/api/template/',
+        'api/plugins/compiler': '/api/compiler/',
+        'api/plugins/compilation': '/api/compilation/',
+        'api/plugins/module-factories': '/api/module-factories/',
+        'api/plugins/parser': '/api/parser/',
+        'api/plugins/tapable': '/api/tapable/',
+        'api/plugins/template': '/api/template/',
+        'api/plugins/resolver': '/api/resolver/',
+        'development': '/contribute/',
+        'development/plugin-patterns': '/contribute/plugin-patterns/',
+        'development/release-process': '/contribute/release-process/',
+        'development/how-to-write-a-loader': '/contribute/writing-a-loader/',
+        'development/how-to-write-a-plugin': '/contribute/writing-a-plugin/',
+      },
+    }),
   ]
 });

yarn.lock

@@ -6219,6 +6219,12 @@ redent@^1.0.0:
     indent-string "^2.1.0"
     strip-indent "^1.0.1"
 
+redirect-webpack-plugin@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/redirect-webpack-plugin/-/redirect-webpack-plugin-0.1.1.tgz#37de577dc230e05edc1ab68d2416644dea1f552a"
+  dependencies:
+    webpack-sources "^1.1.0"
+
 reduce-css-calc@^1.2.6:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/reduce-css-calc/-/reduce-css-calc-1.3.0.tgz#747c914e049614a4c9cfbba629871ad1d2927716"