Clueless mit ember-cli-postcss und autoprefixer

Question

Ich versuche, eine Ember-Build zu machen, die Autoprefixer verwendet. Das Problem, das ich habe, ist, dass das, was normalerweise an 'assets/application-name.css' ausgibt, nun an 'app/styles/app.css' ausgegeben wird und ich es nach 'assets/application-name ausgeben möchte. css '.

Ich habe versucht, die Option outputPaths hinzuzufügen, aber das scheint keine Wirkung zu haben.

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

Ich begann heute ein Projekt und stieß auf das gleiche Problem. Ich habe Glück, wo das Autoprefixerplugin zum compile Schritt anstelle des Filterschrittes war.

/* 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(); 
}; 

Bei Versionen Rolle für diese Auflösung:

ember-cli: 2.12.1

node: 6.10.2

ember-cli-postcss: 3.2.0