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