Использовать postcss-cssnext и postcss-import

Question

Привет, я пытаюсь использовать postcss-import и postcss-cssnext с grunt в угловом проекте. У меня есть файл colors.css, импортированный в main.css.

В gruntfile я вызываю сначала плагин postcss-import, а затем postcss-cssnext. Но импорт не работает, когда я использую оба плагина.

В любом случае, если я вызываю только postcss-import, он работает нормально, добавляя colors.css в main.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 уже добавлен в package.json файла postcss-next.