PostCSS

PostCSS是一个流行的CSS转码器,支持一个庞大的插件生态系统。

要在Snowpack中使用PostCSS。安装@snowpack/plugin-postcssPostCSS和你的PostCSS插件,然后将该插件添加到你的Snowpack配置中。

// snowpack.config.mjs
export default {
+  plugins: ['@snowpack/plugin-postcss'],
};

最后,添加一个postcss.config.js文件。默认情况下,@snowpack/plugin-postcss会在你项目的根目录下寻找这个文件,但你可以用配置选项来定制。参见插件README中的所有可用选项。

// postcss.config.js
module.exports = {
  plugins: [
    // Replace below with your plugins
    require('cssnano'),
    require('postcss-preset-env'),
  ],
};

请注意,这个插件将在你的项目中的所有CSS上运行,包括任何编译成CSS的文件(如.scssSass文件)。