使用 postcss-cssnext 和 postcss-import

Question

您好，我正在尝试在 Angular 项目中使用带有 grunt 的 postcss-import 和 postcss-cssnext。 我在 main.css 中导入了一个 colors.css 文件。

在 gruntfile 中，我首先调用 postcss-import 插件，然后调用 postcss-cssnext。但是当我同时使用这两个插件时，导入不起作用。

无论如何，如果我只调用 postcss-import 它工作正常，在 main.css 中添加 colors.css。

postcss: {
      options: {
        processors: [
          require("postcss-import")()
          require("postcss-cssnext")({browsers: ['ie >= 8', 'last 2 versions']})
        ]
      },
      server: {
        options: {
          map: true
        },
        files: [{
          expand: true,
          cwd: '.tmp/styles/',
          src: '{,*/}*.css',
          dest: '.tmp/styles/'
        }]
      },
      dist: {
        files: [{
          expand: true,
          cwd: '.tmp/styles/',
          src: '{,*/}*.css',
          dest: '.tmp/styles/'
        }]
      }
    },

Answer 1

您不应将 postcss-import 与 postcss-cssnext 一起使用，因为 postcss-import 已添加到 postcss-next 的 package.json 中。