使用postcss-cssnext和postcss-import

Question

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

在gruntfile中，我首先调用postcss-import plugin，然后调用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-next的package.json中已经添加了postcss-import。