如何关闭minify工具中background:url(...)的Base64编码功能

因为minify工具的设计理念是无配置开箱即用，它强制集成了图片转base64的功能且没有提供关闭开关，所以没法直接通过配置禁用这个行为。结合你已经安装了postcss-cli的情况，推荐拆分JS和CSS的压缩流程，用更灵活的工具处理CSS：

方案：JS继续用minify，CSS改用postcss+cssnano处理 #

1. 安装cssnano（轻量CSS压缩工具，默认不会把图片转base64）

npm install cssnano --save-dev

2. 项目根目录新建postcss.config.js配置文件：

module.exports = {
  plugins: [
    require('cssnano')({
      preset: 'default', // 使用默认压缩规则，不含base64转换
    }),
  ],
};

3. 修改你的压缩逻辑，对JS和CSS文件分别处理：

import { minify } from 'minify';
import { execSync } from 'child_process';
import fs from 'fs/promises';

const myFunction = async (filepath) => {
  // 处理JS文件，继续用minify
  if (filepath.endsWith('.js')) {
    const minifiedContent = await minify(filepath);
    // 这里写保存minifiedContent的逻辑...
  } 
  // 处理CSS文件，用postcss+cssnano
  else if (filepath.endsWith('.css')) {
    const minifiedFilePath = filepath.replace('.css', '.min.css');
    // 执行postcss压缩命令
    execSync(`npx postcss ${filepath} -o ${minifiedFilePath}`);
    // 读取压缩后的内容（如果需要）
    const minifiedContent = await fs.readFile(minifiedFilePath, 'utf8');
    // 后续逻辑...
  }
};

为什么这个方案可行？ #

cssnano的默认压缩规则只会做代码层面的优化（比如移除空格、合并选择器、精简属性值等），不会自动把图片转成base64，完全符合你的需求。而且你已经有postcss-cli依赖，不需要额外安装太多工具。如果之后需要更精细的CSS压缩配置，还可以在cssnano的preset里自定义规则，比如调整压缩级别、保留特定注释等。

内容的提问来源于stack exchange，提问作者Botond Balogh