mangle-css-class-webpack-plugin - npm Package Compare versions

Comparing version 4.0.7 to 4.0.8

CHANGELOG.md

@@ -5,2 +5,4 @@ # Changelog
 
+### [4.0.8](https://github.com/sndyuk/mangle-css-class-webpack-plugin/compare/v4.0.7...v4.0.8) (2020-02-22)
+
 ### [4.0.7](https://github.com/sndyuk/mangle-css-class-webpack-plugin/compare/v4.0.6...v4.0.7) (2020-02-21)
@@ -7,0 +9,0 @@

lib/optimizer.js

@@ -32,2 +32,10 @@ const { ReplaceSource } = require('webpack-sources');
   }
+  if (opts.ignorePrefix && opts.ignorePrefixRegExp) {
+    throw new Error('Use only either "ignorePrefix" or "ignorePrefixRegExp".')
+  }
+  let ignorePrefixRegExp
+  if (opts.ignorePrefixRegExp) {
+    ignorePrefixRegExp = new RegExp(`^${opts.ignorePrefixRegExp}`);
+  }
+
   const originalSource = compilation.assets[file];
@@ -48,6 +56,2 @@ const rawSource = originalSource.source();
         if (originalName.startsWith(ignorePrefix[i])) {
-          if (opts.log) {
-            console.log(`Skip the prefix ${chalk.red(ignorePrefix[i])} of ${chalk.green(originalName)}`);
-          }
-          targetName = originalName.substr(ignorePrefix[i].length)
           originalPrefix = ignorePrefix[i]
@@ -58,2 +62,14 @@ break
     }
+    if (ignorePrefixRegExp) {
+      const prefix = ignorePrefixRegExp.exec(originalName)
+      if (prefix && prefix.length > 0) {
+        originalPrefix = prefix[0]
+      }
+    }
+    if (originalPrefix) {
+      targetName = originalName.substr(originalPrefix.length)
+      if (opts.log) {
+        console.log(`Skip the prefix ${chalk.red(originalPrefix)} of ${chalk.green(originalName)}`);
+      }
+    }
 
@@ -60,0 +76,0 @@ newClass = classGenerator.generateClassName(targetName, opts);

package.json

 {
   "name": "mangle-css-class-webpack-plugin",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "Minifies and obfuscates the class names in your existing JavaScript, CSS, and HTML without any modern css modules.",

README.md

@@ -47,10 +47,25 @@ [![Build Status](https://travis-ci.org/sndyuk/mangle-css-class-webpack-plugin.svg?branch=master)](https://travis-ci.org/sndyuk/mangle-css-class-webpack-plugin)
 #### classNameRegExp
-e.g. `'(xs:|md:)?[cl]-[a-z][a-zA-Z0-9_]*'`  
-the sample regexp maches `l-main`, `c-textbox`, `md:l-main__header`, `xs:c-textbox__input`, and so on...
+e.g. `'(abc-|efg-)?[cl]-[a-z][a-zA-Z0-9_]*'`  
+the sample regexp maches `l-main`, `c-textbox`, `l-main__header`, `abc-textbox__input`, and so on...  
 
+If you want to use the back slash '\' on the regexp, use `\\\\\\\\\\\\\\\\` and `\\\\` to match class names contained both JS and CSS.
+
 #### ignorePrefix
 The prefix will be ignored from mangling.  
-e.g. `['xs:', 'md:']`  
-In this case, `xs:c-textbox__input` becomes `xs:a`.
+e.g.
+```
+classNameRegExp: '(abc-|efg-)?[cl]-[a-z][a-zA-Z0-9_]*',
+ignorePrefixRegExp: ['abc-', 'efg-'],
+```
+In this case, `abc-c-textbox__input` becomes `abc-a`.
 
+#### ignorePrefixRegExp
+Same behavior as ignorePrefix.
+e.g.
+```
+classNameRegExp: '((hover|focus|xs|md|sm|lg|xl)(\\\\\\\\\\\\\\\\|\\\\)?:)*tw-[a-z_-][a-zA-Z0-9_-]*',
+ignorePrefixRegExp: '((hover|focus|xs|md|sm|lg|xl)(\\\\\\\\\\\\\\\\|\\\\)?:)*',
+```
+In this case, `hover\:xs\:c-textbox__input` becomes `hover\:xs\:a`.
+
 ### Example
@@ -57,0 +72,0 @@ #### Source code

No alert changes

Improved metrics

Total package byte prevSize

10886

11.34%

Lines of code

163

10.14%

Number of lines in readme file

113

15.31%

No dependency changes