Question

您好我正在尝试在角度项目中使用带有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中。

使用postcss-cssnext和postcss-import

1 个答案: