make purgecss ignores css module classes

Author: huygn

template/poi.config.js

@@ -10,6 +10,18 @@ module.exports = {
     require('@poi/plugin-eslint')(),<% if(pwa) { %>
     require('@poi/plugin-offline')(),<% } %>
   ],
+  chainWebpack(config) {
+    ['css', 'scss', 'sass', 'less', 'stylus'].forEach(lang => {
+      config.module
+        .rule(lang)
+        .oneOf('module-ext')
+        .use('css-loader')
+        .tap(option => ({
+          ...option,
+          localIdentName: 'module__[local]_[hash:base64:8]',
+        }));
+    });
+  },
   configureWebpack(config) {
     if (config.mode === 'production') {
       <% if(tailwindcss) { %>

template/purgecss.config.js

@@ -22,5 +22,7 @@ module.exports = new PurgecssPlugin({
     },
   ],
   whitelist: ['html', 'body'].concat(PurgecssWhitelister([])),
-  whitelistPatterns: [],
+  whitelistPatterns: [
+    /^module__*/, // css module
+  ],
 });