0

初めて autoprefixer を使用しようとしていますが、タスクがハングアップし、エラー出力がないため、デバッグが非常に困難です。

autoprefixer github pageの指示に従ってインストールgrunt-postcssしました。autoprefixer

npm install --save-dev grunt-postcss autoprefixer

これは私のpackage.jsonに追加され"autoprefixer": "^6.2.2"、"grunt-postcss": "^0.7.1"

私の Gruntfile.js は次のようになります。

module.exports = function(grunt) { 

  // Loading tasks
  grunt.loadNpmTasks('grunt-postcss');

  // Project configuration
  grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'),

    // Tasks
    postcss: {
      options: {
        processsors: [
          require('autoprefixer')({
            browsers: ['> 1%']
          })
        ]
      },
      dist: {
        src: 'src/css/apo_style.css'
      }
    }
  });

  // Registering tasks
  grunt.registerTask('postcss', ['postcss:dist']);

非常にシンプルで簡単なセットアップのように見えますが、前述したようにgrunt postcss、プロセスを実行するたびにフィードバックがなくハングします。

行.postcssへの追加、アンインストール、インストールなどを試しました（ただし、これはハングするだけでなく、非推奨であるとも言われました...）、設定をいじってみました...しかし、何も改善されませんでした。常にハングアップし、何も起こりません。requireautoprefixerautoprefixer-core

これが機能するようになると、プロジェクトで必須になると思うので、どんな助けでも大歓迎です;）

4

1 に答える 1

1

同じ名前の 2 つのタスクがあり、うなり声が壊れます。

タスクの名前を変更するだけです:

grunt.registerTask('some-other-name', ['postcss:dist']);

その名前で grunt を実行します。

grunt some-other-name

そして、それはうまくいくはずです

于 2015-12-29T14:40:35.217 に答える