有没有办法在nuxt 3项目中禁用cssnano？

Question

我在 Nuxt 3 项目中使用 Unocss，看来 Uno 对 cssnano 有问题。 Nuxt 框架在底层使用 cssnano。有没有办法在 Nuxt 3 项目中暂时禁用 cssnano？

我在此链接中阅读了 Nuxt 站点的文档，了解如何配置它，但我不明白如何在 nuxt.config.ts 文件中配置 postcss 插件。

Answer 1

在 Nuxt 2 中，您可以通过更改 nuxt.config.js 文件中的构建配置来禁用 cssnano。

1. 打开你的 nuxt.config.js 文件

2. 在构建对象内，添加 postcss 键（如果尚不存在），然后将 cssnano 选项设置为 false：

export default {
  build: {
    postcss: {
      preset: {
        cssnano: false,
      },
    },
  },
};

也许这会对你有帮助

Answer 2

在 Nuxt 3 中禁用 cssnano：

export default defineNuxtConfig({
  postcss: {
    plugins: {
      cssnano: false,
    },
  },
})