ember-cli-postcssとautoprefixerとの間違い

Question

私はautoprefixerを使用するemberビルドを実行しようとしています。 私が抱えている問題は、通常 'assets/application-name.css'に出力するものが 'app/styles/app.css'に出力され、 'assets/application-name'に出力したいということです。 css '。

outputPathsオプションを追加しようとしましたが、効果がないようです。

var EmberApp = require('ember-cli/lib/broccoli/ember-app'); 
var Funnel = require('broccoli-funnel'); 
var autoprefixer = require('autoprefixer'); 

module.exports = function(defaults) { 
    var app = new EmberApp(defaults, { 
    outputPaths: { 
     app: { 
     css: { 
      'app': 'assets/application-name.css' 
     } 
     } 
    }, 
    postcssOptions: { 
     compile: { 
     enabled: false 
     }, 
     filter: { 
     enabled: true, 
     plugins: [ 
      { 
      module: autoprefixer, 
      options: { 
       browsers: ['last 2 version'] 
      } 
      } 
     ] 
     } 
    } 
    }); 
... 

Answer 1

私は今日プロジェクトを開始し、この同じ問題に遭遇しました。 autoprefixerプラグインがフィルタステップではなくcompileステップになっていたところが私の運命です。ケースのバージョンでは

/* eslint-env node */ 
const EmberApp = require('ember-cli/lib/broccoli/ember-app'), 
     autoprefixer = require('autoprefixer'); 

module.exports = function(defaults) { 
    var app = new EmberApp(defaults, { 
    postcssOptions: { 
     compile: { 
     enabled: true, 
     plugins: [ 
      { 
      module: autoprefixer, 
      options: { 
       browsers: ['last 2 version'] 
      } 
      } 
     ] 
     }, 
     filter: { 
     enabled: false, 
     } 
    } 
    }); 
    return app.toTree(); 
}; 

この解決のためには関係：

ember-cli: 2.12.1

node: 6.10.2

ember-cli-postcss: 3.2.0