Question

我正在进行余烬构建，我有3个样式表需要编译成自己的样式表。

ember-cli-build.js默认是这样的

const EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function(defaults) {
  let app = new EmberApp(defaults, {
    'ember-cli-foundation-6-sass': {
      'foundationJs': 'all',
    },
  });

这是我尝试过的方法，但是看不到生成新文件。文件路径正确。

const EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function(defaults) {
  let app = new EmberApp(defaults, {
    'ember-cli-foundation-6-sass': {
      'foundationJs': 'all',
    },
    css: {
      '/components/icons.data.svg': '/assets/icons.data.svg.css',
      '/components/icons.data.png': '/assets/icons.data.png.css',
      '/components/icons.fallback': '/assets/icons.fallback.css',
    },
  });

Answer 1

CLI文档的这一部分可能有用：https://cli.emberjs.com/release/advanced-use/asset-compilation/#configuringoutputpaths

基本上，您可以设置以下内容：

const EmberApp = require('ember-cli/lib/broccoli/ember-app');

module.exports = function(defaults) {
  let app = new EmberApp(defaults, {
    'ember-cli-foundation-6-sass': {
      'foundationJs': 'all',
    },
    outputPaths: {
      app: {
        css: {
          'components/icons.data.svg': '/assets/icons.data.svg.css',
          'components/icons.data.png': '/assets/icons.data.png.css',
          'components/icons.fallback': '/assets/icons.fallback.css'
        }
      }
    }
});

由于支持后处理，因此左侧键不应该包含扩展名，因此我不确定如何设置文件（如果显示的文件具有css扩展名）。

如何在Ember应用程序中输出多个CSS文件

1 个答案: