Webpack:忽略css中对svg/ttf文件的引用

Webpack是一个现代化的静态模块打包工具，它主要用于将各种资源文件（如JavaScript、CSS、图片等）打包成最终的静态文件，以便在浏览器中加载和使用。

对于Webpack忽略CSS中对SVG/TTF文件的引用，可以通过配置Webpack的模块规则来实现。具体步骤如下：

1. 在Webpack的配置文件中，找到module.rules（或module.loaders）字段，该字段用于配置模块的加载规则。
2. 在module.rules中添加一个新的规则对象，用于匹配CSS文件。

module: {
  rules: [
    {
      test: /\.css$/,
      use: [
        'style-loader',
        'css-loader'
      ]
    }
  ]
}

1. 在该规则对象中，使用test字段指定要匹配的文件类型，这里是CSS文件。
2. 在use字段中，配置相应的loader，这里使用了'style-loader'和'css-loader'来处理CSS文件。
3. 在该规则对象中，添加exclude字段，用于排除对SVG/TTF文件的处理。

module: {
  rules: [
    {
      test: /\.css$/,
      exclude: /\.svg$|\.ttf$/,
      use: [
        'style-loader',
        'css-loader'
      ]
    }
  ]
}

1. 在exclude字段中，使用正则表达式排除对SVG和TTF文件的处理。

通过以上配置，Webpack将会忽略CSS文件中对SVG和TTF文件的引用，只对其他资源进行打包处理。

推荐的腾讯云相关产品：腾讯云对象存储（COS），它是一种高可用、高可靠、低成本的云端存储服务，适用于存储和处理各种类型的文件和数据。您可以通过以下链接了解更多关于腾讯云对象存储的信息：腾讯云对象存储（COS）

请注意，以上答案仅供参考，具体的配置和推荐产品可能因实际需求和环境而有所不同。