javascript - 如何在Ember应用程序中输出多个css文件

Question

我正在进行 ember 构建，并且有 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 扩展名)。