How to exclude certain bower component CSS during build

Arunkumar_V · May 16, 2017, 11:26am

how to exclude certain bower component CSS during build

broerse · May 16, 2017, 4:32pm

I did this:

martinic/ember-cli-bootstrap-css/blob/master/index.js#L10


      
          /* eslint-env node */
          'use strict';
          
          
var path = require('path');
          var stew = require('broccoli-stew');
          
          
module.exports = {
            name: 'ember-cli-bootstrap-css',
          
          
  treeForVendor: function() {
              return stew.find(path.join(path.dirname(require.resolve('bootstrap')), '..' , 'css'), {
                destDir: 'bootstrap',
                files: ['bootstrap.css']
              });
            },
          
          
  included(app) {
              this._super.included.apply(this, arguments);
          
          
    app.import('vendor/bootstrap/bootstrap.css');

Arunkumar_V · May 24, 2017, 12:44pm

Thanks for the response. I am not clear with the solution. I will explain my problem. I have added xyz bower component will do ember build all the css and js are moved to vendor.css and vendor.js now i need to exclude xyz component css form the vendor.css during build. How would i exculde that particular css

broerse · May 24, 2017, 6:46pm

I understand now I think GitHub - rwjblue/broccoli-file-remover should work for this but I never tried.

Topic		Replies	Views
Custom Bootstrap from SASS in vendor.css (not in app.css) Ember CLI	2	2171	November 11, 2015
Solved: How to create an Ember Addon that provides a customizable bootstrap theme Design	6	1910	February 1, 2017
Pushing a CSS file from an addon into the host (?) Ember CLI	4	1926	September 29, 2015
Ember-Cli build, vender and app.css override (solved) Ember CLI	1	1064	May 5, 2016
Using ember-cli + ember-cli-sass to generate vendor.css Questions	0	472	January 17, 2019

How to exclude certain bower component CSS during build

Related topics