From 4be1fd69cec0fc9b1d577bfc740139a12fa71ccb Mon Sep 17 00:00:00 2001
From: abhijithvijayan <34790378+abhijithvijayan@users.noreply.github.com>
Date: Sun, 15 Nov 2020 15:59:35 +0530
Subject: [PATCH] fix: webpack loaders and plugins api changes

---
 webpack.config.js | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/webpack.config.js b/webpack.config.js
index ee8938a..d2a2f60 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -109,11 +109,18 @@ module.exports = {
             },
           },
           {
-            loader: 'postcss-loader', // For autoprefixer
+            loader: 'postcss-loader',
             options: {
-              ident: 'postcss',
-              // eslint-disable-next-line global-require
-              plugins: [require('autoprefixer')()],
+              postcssOptions: {
+                plugins: [
+                  [
+                    'autoprefixer',
+                    {
+                      // Options
+                    },
+                  ],
+                ],
+              },
             },
           },
           'resolve-url-loader', // Rewrites relative paths in url() statements
@@ -146,29 +153,33 @@ module.exports = {
       template: path.join(viewsPath, 'popup.html'),
       inject: 'body',
       chunks: ['popup'],
+      hash: true,
       filename: 'popup.html',
     }),
     new HtmlWebpackPlugin({
       template: path.join(viewsPath, 'options.html'),
       inject: 'body',
       chunks: ['options'],
+      hash: true,
       filename: 'options.html',
     }),
     // write css file(s) to build folder
     new MiniCssExtractPlugin({filename: 'css/[name].css'}),
     // copy static assets
-    new CopyWebpackPlugin([{from: 'source/assets', to: 'assets'}]),
+    new CopyWebpackPlugin({
+      patterns: [{from: 'source/assets', to: 'assets'}],
+    }),
     // plugin to enable browser reloading in development mode
     extensionReloaderPlugin,
   ],
 
   optimization: {
+    minimize: true,
     minimizer: [
       new TerserPlugin({
-        cache: true,
         parallel: true,
         terserOptions: {
-          output: {
+          format: {
             comments: false,
           },
         },