import - popper - rails gem bootstrap 4

Sass importando componentes de bower

Question

Pasé de COMPASS a Libsass, las velocidades son excelentes pero necesito usar algunos componentes de bower para que funcione.

Puede ser un poco pedante, pero tengo que importar mis componentes de esta manera en la parte superior de mi archivo scss.

   @import "../bower_components/compass-mixins/lib/compass";
   @import "../bower_components/susy/sass/susy";

Es feo, ¿hay alguna manera de importarlos a través de grunt o alias de los archivos para poder hacer

 @import "compass";
 @import "susy";

Answer 1

Para administrar sus dependencias, puede usar Grunt Wiredep ( https://github.com/stephenplusplus/grunt-wiredep ) para agregar automáticamente los archivos en su archivo main.scss .

Agregue main.scss a su configuración wiredep.

wiredep: {

  task: {    

    src: [
      ''app/styles/main.scss'',  // .scss & .sass support...
    ]
  }
}

Y pop esto en su archivo main.scss .

// bower:scss
// endbower

Espero que te ayude!

Answer 2

Acabo de usar el grunt con Gruntfile.js en este caso, agregando loadPath, con la ubicación de la carpeta bower_components, está en el mismo nivel que un proyecto en mi caso:

    sass: {
        dev: {
            options: {
                style: ''expanded'',
                compass: false,
                loadPath: ''bower_components''
            },
            files: {
                ''<%= project.css %>/style.css'': ''<%= project.scss %>/style.scss''
            }
        }
    },

Después simplemente cambia tu sección @import a:

@import "compass-mixins/lib/compass";
@import "susy/sass/susy";