grunt-autoprefixer和grunt-postcss无法正常工作

Question

我已经尝试了插件grunt-autoprefixer和grunt-postcss，但都没有添加前缀。我尝试过caniuse.com所说的需要前缀的东西（光标：抓取）。

这是我的autoprefixer任务：

   autoprefixer: {
        dev: {
            no_dest: {
                src: 'dev/styles.css'
            }
        },
        live: {
            no_dest: {
                src: 'live/styles.css'
            }
        }
    }

这是我的postcss任务：

   postcss: {
        dev: {
            options: {
                processors: [
                    require('autoprefixer-core')({browsers: 'last 1 version'}).postcss
                ]
            },
            dist: {
                src: 'dev/styles.css'
            }
        }
    }

Answer 1

你可以尝试使用以下grunt包

• grunt-postcss
• autoprefixer-core

以及以下代码段

postcss: {
  options: {
    processors: [
      require('autoprefixer-core')({browsers: 'last 1 version'}).postcss
    ]
  },
  single_file: {
    src: 'src/main.css',
    dest: 'css/main.css'
  },
  multiple_files: [{
    expand: true,
    flatten: true,
    src: 'src/css/*.css', // -> src/css/file1.css, src/css/file2.css
    dest: 'dest/css/' // -> dest/css/file1.css, dest/css/file2.css
  }]
}

Answer 2

在documentation中，配置不同，请尝试：

postcss: {
    options: {
        processors: [
            require('autoprefixer-core')({browsers: 'last 1 version'}).postcss
        ]
    },
    dist: {
        src: 'dev/styles.css'
    }
}