Ember：我如何让资产/ css而不是资产生成vendor.css？

Question

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

Answer 1

默认情况下烬资产将

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

，如果您导入

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

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

// 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">