feat(cli): setup css minimiser webpack plugin

dhis2 · Aug 23, 2022 · 3f1b1f2 · 3f1b1f2
1 parent e8ebcbf
commit 3f1b1f2
Show file tree

Hide file tree

Showing 3 changed files with 135 additions and 90 deletions.
diff --git a/cli/package.json b/cli/package.json
@@ -38,6 +38,7 @@
  "babel-loader": "^8.1.0",
  "babel-plugin-react-require": "^3.1.3",
  "chokidar": "^3.3.0",
+ "css-minimizer-webpack-plugin": "^3.4.1",
  "detect-port": "^1.3.0",
  "dotenv": "^8.1.0",
  "dotenv-expand": "^5.1.0",

diff --git a/cli/src/lib/plugin/webpack.config.js b/cli/src/lib/plugin/webpack.config.js
@@ -1,5 +1,8 @@
 // Based on CRA Webpack config
 
+// TODO: react fast refresh in development
+
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const getCSSModuleLocalIdent = require('react-dev-utils/getCSSModuleLocalIdent')
@@ -81,13 +84,12 @@ module.exports = ({ env: webpackEnv, paths }) => {
  entry: paths.shellPluginBundleEntrypoint,
  output: {
  path: paths.shellBuildOutput,
- filename: 'plugin.bundle.js',
- /*filename: isProduction
- ? 'static/js/plugin-[name].[contenthash:8].js'
- : 'static/js/plugin.bundle.js',*/
- /*chunkFilename: isProduction
- ? 'static/js/plugin-[name].[contenthash:8].chunk.js'
- : 'static/js/plugin-[name].chunk.js',*/
+ filename: isProduction
+ ? 'static/js/plugin-[name].[contenthash:8].js'
+ : 'static/js/plugin.bundle.js',
+ chunkFilename: isProduction
+ ? 'static/js/plugin-[name].[contenthash:8].chunk.js'
+ : 'static/js/plugin-[name].chunk.js',
  },
  optimization: {
  minimize: isProduction,
@@ -112,6 +114,7 @@ module.exports = ({ env: webpackEnv, paths }) => {
  },
  },
  }),
+ new CssMinimizerPlugin(),
  ],
  splitChunks: {
  chunks: 'all',