Recently I wanted to import just .css
file into .scss
directly. This is not available directly in scss. However, you can import it when you change the extension from .css
to .scss
. While this solves generally problem then working with Bower components it becomes little bit painful when you’d need copy and change the name every time you install/upgrade the package.
In my particular case I wanted to include normalize.css
in my scss files and I didn’t want to do manually copy&rename every time I install/upgrade normalize.css from Bower. So, in order to do the work automatically we can use Bower hook postinstall
and run small batch script (I am referring to Windows) which will automate the work for us.
Here is what I did. In the Bower configuration file .bowerrc
I’ve added:
"scripts": { "postinstall": "./.bower-postinstall.bat" }
and then .bower-postinstall.bat
contains:
copy /y %CD%\vendor\bower\normalize-css\normalize.css %CD%\src\sass\common\normalize.scss
%CD%
gives the current working directory. That’s all.
Leave a Reply