chore: fix build of website

reactjs · Nov 27, 2022 · c08f4cd · c08f4cd
1 parent e4b9867
commit c08f4cd
Show file tree

Hide file tree

Showing 3 changed files with 373 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -62,6 +62,7 @@
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "cross-env": "7.0.3",
     "css-loader": "6.7.2",
+    "css-minimizer-webpack-plugin": "^4.2.2",
     "eslint": "8.28.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-import": "2.26.0",

diff --git a/webpack.config.js b/webpack.config.js
@@ -2,6 +2,7 @@ const webpack = require('webpack');
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 
 const sourceDirectory = path.resolve(__dirname, 'examples/src');
 const targetDirectory = path.resolve(__dirname, 'examples/dist');
@@ -38,6 +39,13 @@ module.exports = {
   entry: {
     app: './app.js',
   },
+  optimization: {
+    minimizer: [
+      `...`,
+      new CssMinimizerPlugin(),
+    ],
+  },
+  target: 'web',
   output: {
     path: targetDirectory,
     chunkFilename: 'chunk-[chunkhash].js',