愚蠢與燼cli-postcss和自動修復器

Question

我試圖做一個使用autoprefixer的燼構建。 我遇到的問題是，通常輸出到'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