使用 postcss-cssnext 和 postcss-import

Posted 2023-03-06

【中文标题】使用 postcss-cssnext 和 postcss-import

【英文标题】：use postcss-cssnext and postcss-import

【发布时间】：2017-07-29 15:19:22

【问题描述】：

您好，我正在尝试在 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/'
        ]
      
    ,

【参考方案1】：

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