Question

我尝试过app.import('bower_components/font-awesome/css/font-awesome.min.css', {destDir: 'css'});没有任何影响。

Answer 1

默认情况下，ember资产将是

/assets/application-name.js
/assets/application-name.css

如果你导入

/assets/vendor.js
/assets/vendor.css

要更改这些路径，请在outputPaths中指定ember-cli-build.js配置选项。默认设置如下所示：

// ember-cli-build.js
var app = new EmberApp({
  outputPaths: {
    app: {
      html: 'index.html',
      css: {
        'app': '/assets/application-name.css'
      },
      js: '/assets/application-name.js'
    },
    vendor: {
      css: '/assets/vendor.css',
      js: '/assets/vendor.js'
    }
  }
});

您可以修改任何这些输出路径，但请务必更新app.outputPaths.app.html，默认为index.html和tests/index.html。

// ember-cli-build.js
var app = new EmberApp({
  outputPaths: {
    app: {
      js: '/assets/main.js'
    }
  }
});

outputPaths.app.css选项使用键值关系。键是输入文件，值是输出位置。请注意，我们不包含输入路径的扩展名，因为每个预处理器都有不同的扩展名。

使用CSS预处理时，只编译app/styles/app.scss（或.less等）。如果您需要处理多个文件，则必须添加另一个密钥：

// ember-cli-build.js
var app = new EmberApp({
  outputPaths: {
    app: {
      css: {
        'app': '/assets/application-name.css',
        'themes/alpha': '/assets/themes/alpha.css'
      }
    }
  }
});

请记住，您也必须更改css文件夹，

<link rel="stylesheet" href="{{rootURL}}assets/vendor.css">

到

<link rel="stylesheet" href="{{rootURL}}assets/yournewurl/vendor.css">

Ember：如何在assets / css中生成vendor.css而不是资产？

1 个答案: