2016-10-24 3 views
0

Я пытаюсь сделать сборку ember, которая использует autoprefixer. Проблема, с которой я столкнулся, заключается в том, что то, что обычно выводится на «assets/application-name.css», теперь выводится на «app/styles/app.css», и я хотел бы вывести его в «assets/application-name». CSS.Небеса с ember-cli-postcss и autoprefixer

Я попытался добавить параметр 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'] 
      } 
      } 
     ] 
     } 
    } 
    }); 
... 
+0

вы остановить и перезапустить сервер уголек? – Majid

+0

Я сделал «npm run build» и перезапустил приложение. – Folatt

+0

, вы можете попробовать https://github.com/kimroen/ember-cli-autoprefixer – pol

ответ

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

Смежные вопросы