Webpack Bower Sass Sources

A helper for including Sass modules installed via Bower when evaluating @import in Sass files compiled by webpack.

Installation

Install via npm:

$ npm install webpack-bower-sass-sources --save-dev

Usage

Add sassSources to the Sass Loader's webpack config:

var sassSources = require('webpack-bower-sass-sources');

module.exports = {
  module: {
    loaders: [{
      test:    /\.scss$/,
      loaders: ['style', 'css', 'sass']
    }]
  },

  sassLoader: {
    includePaths: sassSources
  }
};

Install a Bower component:

bower install codelation-sass-mixins --save

Use the installed Bower component as expected:

@import "codelation";

.columns {
  @include has-columns(3, 12px);
}