uglify-js-minify-css-allfiles 2.5.0 → 2.6.0

package/README.md

@@ -108,6 +108,7 @@ await minifyAll('./src/', {
     extensions: ['.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],
   },
   useJsMap: true,
+  useCssMap: true
 });
 ```
 
@@ -233,19 +234,19 @@ await minifyAll('./src/', {
 
 ### Source Maps
 
-Generate source maps for JavaScript files to aid in debugging minified code:
+Generate source maps for both JavaScript and CSS files to aid in debugging minified code:
 
 - Maps compressed code back to original source code
-- Automatically creates `.map` files alongside minified JavaScript
+- Automatically creates `.map` files alongside minified files
 - Seamless integration with browser developer tools
-- Works with or without Babel transformation
+- Works with or without Babel/PostCSS transformation
 - Helps maintain debuggability in production environments
 
 ```js
 await minifyAll('./src/', {
   useJsMap: true,
+  useCssMap: true
 });
-```
 
 ## API Reference
 
@@ -264,6 +265,7 @@ Main function to process files.
   - `useVersioning` (object): Image versioning configuration
     - `extensions` (string[]): List of image extensions to version
   - `useJsMap` (boolean): Enable source map generation for JavaScript files
+  - `useCssMap` (boolean): Enable source map generation for CSS files
 
 ### Babel Options
 

package/demo.js

@@ -21,4 +21,5 @@ minifyAll('./test/', {
     extensions: ['.png', '.jpg', '.webp', '.avif', '.svg'],
   },
   useJsMap: true,
+  useCssMap: true,
 });

package/dist/module.js

@@ -179,6 +179,7 @@ async function resolveBabelOptions(useBabel) {
  * @param {Object} [options.cssMinifyOptions] - CSS minification options.
  * @param {Object} [options.postcssOptions] - PostCSS processing options.
  * @param {boolean} [options.useJsMap] - JavaScript map file options.
+ * @param {boolean} [options.useCssMap] - Css map file options.
  * @returns {Promise<void>}
  */
 async function processFile(filePath, logger, options) {
@@ -233,16 +234,32 @@ async function processFile(filePath, logger, options) {
         await writeFile(filePath, result.code, logger);
       }
     } else if (fileExtension === '.css') {
-      // PostCSS 옵션 설정
       const postcssOptions = options.postcssOptions || null;
-
-      // CSS 처리 (PostCSS + CleanCSS)
-      const output = await minifyCSS(fileContent, options.cssMinifyOptions, postcssOptions, filePath);
+      const output = await minifyCSS(fileContent, options.cssMinifyOptions, postcssOptions, filePath, options.useCssMap);
 
       if (output.warnings.length > 0) {
         await logger?.warn('CSS minification warnings', { filePath, warnings: output.warnings });
       }
-      await writeFile(filePath, output.styles, logger);
+
+      if (options.useCssMap && output.sourceMap) {
+        const fileName = path.basename(filePath);
+        const mapFilePath = filePath.replace('.css', '.css.map');
+
+        // Add source map reference to the CSS file
+        const sourceMapComment = `\n/*# sourceMappingURL=${fileName}.map */`;
+        await writeFile(filePath, output.styles + sourceMapComment, logger);
+
+        // Write the source map file
+        try {
+          const sourceMap = JSON.stringify(output.sourceMap);
+          await writeFile(mapFilePath, sourceMap, logger);
+          await logger?.info('Generated CSS source map', { filePath: mapFilePath });
+        } catch (error) {
+          await logger?.error('Failed to write CSS source map', { filePath: mapFilePath, error: error.message });
+        }
+      } else {
+        await writeFile(filePath, output.styles, logger);
+      }
     } else {
       // `Unsupported file type, skipping: ${filePath}`;
       return;
@@ -317,6 +334,7 @@ async function processFile(filePath, logger, options) {
  * @property {PostCSSOptions|boolean} [usePostCSS=false] - PostCSS configuration options.
  * @property {string[]|null} [useVersioning=null] - Options for file versioning.
  * @property {boolean} [useJsMap=false] - Whether to use JavaScript Map file.
+ * @property {boolean} [useCssMap=false] - Whether to use CSS Map file.
  */
 
 /**
@@ -337,6 +355,7 @@ export default async function minifyAll(contentPath, options = {}) {
     usePostCSS = false,
     useVersioning = null,
     useJsMap = false,
+    useCssMap = false,
   } = options;
 
   let logger = null;
@@ -351,6 +370,7 @@ export default async function minifyAll(contentPath, options = {}) {
       usePostCSS: !!usePostCSS,
       useVersioning: !!useVersioning,
       useJsMap,
+      useCssMap,
     });
   }
 
@@ -369,6 +389,7 @@ export default async function minifyAll(contentPath, options = {}) {
     cssMinifyOptions,
     postcssOptions: usePostCSS === true ? {} : usePostCSS,
     useJsMap,
+    useCssMap,
   };
 
   try {

package/dist/modules/minifier.js

@@ -43,15 +43,19 @@ export function minifyJS(content, options = {}) {
  * @param {Object} [options={}] - Clean-CSS options.
  * @param {Object} [postcssOptions=null] - PostCSS configuration options, if null PostCSS is skipped.
  * @param {string} [filePath=''] - Path to the file being processed.
- * @returns {Promise<{styles: string, warnings: string[]}>} Minified CSS and warnings.
+ * @param {boolean} [useCssMap=false] - Whether to generate and use a CSS source map file.
+ * @returns {Promise<{styles: string, warnings: string[], map: string}>} Minified CSS, warnings and source map.
  */
-export async function minifyCSS(content, options = {}, postcssOptions = null, filePath = '') {
+export async function minifyCSS(content, options = {}, postcssOptions = null, filePath = '', useCssMap = false) {
   const defaultOptions = {
     level: { 1: { all: false } },
+    sourceMap: !!useCssMap,
+    sourceMapInlineSources: !!useCssMap,
   };
 
   const mergedOptions = { ...defaultOptions, ...options };
   let processedCSS = content;
+  let previousSourceMap = null;
 
   // Check if PostCSS is available and enabled
   if (postCSSAvailable === null) {
@@ -64,6 +68,10 @@ export async function minifyCSS(content, options = {}, postcssOptions = null, fi
       const result = await processWithPostCSS(content, filePath, postcssOptions);
       processedCSS = result.css;
 
+      if (result.map) {
+        previousSourceMap = result.map.toString();
+      }
+
       // Handle warnings
       if (result.messages && result.messages.length > 0) {
         console.warn(`PostCSS warnings for ${filePath}:`, result.messages.map((msg) => msg.text).join('\n'));
@@ -76,6 +84,6 @@ export async function minifyCSS(content, options = {}, postcssOptions = null, fi
 
   // Use CleanCSS for final minification
   return new Promise((resolve) => {
-    new CleanCSS(mergedOptions).minify(processedCSS, (error, output) => resolve(output));
+    new CleanCSS(mergedOptions).minify(processedCSS, previousSourceMap, (error, output) => resolve(output));
   });
 }

package/dist/modules/postcssProcess.js

@@ -52,11 +52,13 @@ export async function processWithPostCSS(content, filePath = '', options = {}) {
     const result = await postcss(plugins).process(content, {
       from: filePath || undefined,
       to: filePath || undefined,
+      map: { inline: true },
     });
 
     return {
       css: result.css,
       messages: result.messages,
+      map: result.map,
     };
   } catch (error) {
     console.error('Error processing CSS with PostCSS:', error);

package/minify.d.ts

@@ -187,6 +187,13 @@ declare module 'uglify-js-minify-css-allfiles' {
      * @default false
      */
     useJsMap?: boolean;
+
+    /**
+     * Enables source map generation for CSS files during minification.
+     * Source maps help with debugging by mapping minified CSS back to original source code.
+     * @default false
+     */
+    useCssMap?: boolean;
   }
 
   /**
@@ -215,6 +222,7 @@ declare module 'uglify-js-minify-css-allfiles' {
    *     retentionDays: 7
    *   },
    *   useJsMap: true // Enable source map generation
+   *   useCssMap: true // Enable source map generation
    * });
    * ```
    */

package/package.json

@@ -1,56 +1,56 @@
 {
-    "name": "uglify-js-minify-css-allfiles",
-    "version": "2.5.0",
-    "description": "you will be able to minify all files as same file names which is js or css",
-    "main": "minify.js",
-    "type": "module",
-    "types": "minify.d.ts",
-    "exports": {
-        ".": "./minify.js"
-    },
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/oinochoe/uglify-js-minify-css-allfiles.git"
-    },
-    "publishConfig": {
-        "registry": "https://registry.npmjs.org/"
-    },
-    "keywords": [
-        "ugly-code",
-        "uglyCode",
-        "uglify-js",
-        "minify-es6",
-        "uglifyjs-es6",
-        "minifycss",
-        "miniCss",
-        "cleanCss",
-        "minifyCss",
-        "comporessor",
-        "allfile minify",
-        "allfiles minify",
-        "all files uglify"
-    ],
-    "author": {
-        "name": "yeongmin kim",
-        "email": "copstyle86@gmail.com",
-        "url": "https://oinochoe.github.io/portfolio/"
-    },
-    "license": "MIT",
-    "bugs": {
-        "url": "https://github.com/oinochoe/uglify-js-minify-css-allfiles/issues",
-        "email": "copstyle86@gmail.com"
-    },
-    "homepage": "https://github.com/oinochoe/uglify-js-minify-css-allfiles#readme",
-    "devDependencies": {
-        "@babel/core": "^7.25.2",
-        "@babel/preset-env": "^7.25.3",
-        "clean-css": "^4.2.4",
-        "postcss": "^8.5.3",
-        "postcss-preset-env": "^10.1.5",
-        "uglify-js": "^3.19.2",
-        "uglify-js-es6": "^2.8.9"
-    }
+  "name": "uglify-js-minify-css-allfiles",
+  "version": "2.6.0",
+  "description": "you will be able to minify all files as same file names which is js or css",
+  "main": "minify.js",
+  "type": "module",
+  "types": "minify.d.ts",
+  "exports": {
+    ".": "./minify.js"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/oinochoe/uglify-js-minify-css-allfiles.git"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "keywords": [
+    "ugly-code",
+    "uglyCode",
+    "uglify-js",
+    "minify-es6",
+    "uglifyjs-es6",
+    "minifycss",
+    "miniCss",
+    "cleanCss",
+    "minifyCss",
+    "comporessor",
+    "allfile minify",
+    "allfiles minify",
+    "all files uglify"
+  ],
+  "author": {
+    "name": "yeongmin kim",
+    "email": "copstyle86@gmail.com",
+    "url": "https://oinochoe.github.io/portfolio/"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/oinochoe/uglify-js-minify-css-allfiles/issues",
+    "email": "copstyle86@gmail.com"
+  },
+  "homepage": "https://github.com/oinochoe/uglify-js-minify-css-allfiles#readme",
+  "dependencies": {
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "clean-css": "^4.2.4",
+    "postcss": "^8.5.3",
+    "postcss-preset-env": "^10.1.5",
+    "uglify-js": "^3.19.2",
+    "uglify-js-es6": "^2.8.9"
+  }
 }