0

autoprefixer で grunt-postcss を使用しようとしていますが、css にプレフィックスが付けられません。Autoprefixer は新しいファイルを作成しますが、プレフィックスは付けません。エラーはありません。

ここに私のうなり声があります：

            postcss: {
                options: {
                    map: true,
                    processors: [
                        require('autoprefixer')({
                            browsers: ['last 2 versions']
                        })
                    ]
                },
                files: {
                    '<%= pathBuild %>/<%= pathAssets %>/<%= pathRio %>/css/rio-layout.prefixed.css': '<%= pathBuild %>/<%= pathAssets %>/<%= pathRio %>/css/rio-layout.css',
                    '<%= pathBuild %>/<%= pathAssets %>/<%= pathRio %>/css/theme.prefixed.css': '<%= pathBuild %>/<%= pathAssets %>/<%= pathRio %>/css/theme.css'
                }
            }

どうしたの？

4

2 に答える 2

0

これは、過去数週間、私を夢中にさせていました. Bootstrap Gruntfile.js で見つけました。ここに私が問題だと思うものがあります：

grunt-postcss の例では、ブラウザ オプションの「最後の 2 つのバージョン」がプレースホルダーである可能性があります。Bootstrap Gruntfile.js の browsers 配列を代入すると、postcss 出力プレフィックスが Bootstrap dist css ファイルのプレフィックスと一致し始めました。私が使用した完全な設定は次のとおりです。

grunt.initConfig({
  postcss: {
    options: {
      map: {
          inline: false,
      },

      processors: [
        require('autoprefixer')([
          "Android 2.3",
          "Android >= 4",
          "Chrome >= 20",
          "Firefox >= 24",
          "Explorer >= 8",
          "iOS >= 6",
          "Opera >= 12",
          "Safari >= 6"
        ]),
      ]
    },
    dist: {
      src: 'css/*.css'
    }
  }
});
于 2016-01-25T04:05:29.197 に答える