文档

外观

标准缩小器 CSS ​

此包是 Meteor 应用程序中的默认 CSS 缩小器。除了在生产版本中缩小 CSS 代码外，它还会运行为应用程序配置的任何 PostCSS 插件。

Post CSS ​

此包可以选择对应用程序中 CSS 文件运行 PostCSS 插件。要启用

  1. 安装 npm 对等依赖项
sh
meteor npm install -D postcss postcss-load-config
  1. 添加 PostCSS 配置。创建一个 postcss.config.js 文件并添加一个配置
js
module.exports = {
  plugins: {
    autoprefixer: {},
  }
};

此示例配置启用了 autoprefixer postcss 插件。您可以通过运行 meteor npm install -D autoprefixer 来安装此插件。

详细了解 配置 postcss 或查找 可用插件 列表。

更改 PostCSS 配置后，必须重新启动 meteor 才能使用新配置。

排除 Meteor 包 ​

除了应用程序中的 CSS 文件外，PostCSS 还会处理从 Meteor 包添加的 CSS 文件。如果您不希望处理这些文件，或者它们与您的 PostCSS 配置不兼容，您可以使用 excludedMeteorPackages 选项让 PostCSS 忽略它们

js
module.exports = {
  plugins: {
    autoprefixer: {},
  },
  excludedMeteorPackages: [
    'github-config-ui',
    'constellation:console'
  ]
};

Tailwind CSS ​

完全支持 Tailwind CSS。由于 HMR 比 CSS 更新更早地应用于 js 文件的更新，因此在第一次使用 Tailwind CSS 类之前，样式应用之前可能会延迟。

调试 ​

从 Meteor.js 2.11.0 开始，在此 PR 中，我们为缩小器提供了一种调试模式

standard-minifier-css 如何变得冗长 ​

  • 以下任一常见的调试命令行参数
    • --verbose
    • --debug
  • 环境变量
    • DEBUG_CSS

旁注：DEBUG_CSS=false 或 DEBUG_CSS=0 将阻止它变得冗长，而不管 --verbose 或 --debug 命令行参数如何，因为 DEBUG_CSS 是特定的。