PostCSS-Reference Gulp config

gulpfile.js

/* Move this file into src/ folder */
var gulp = require('gulp');
var postcss = require('gulp-postcss');
var atImport = require('postcss-import');
var nested = require('postcss-nested');
var reference = require('postcss-reference');
var mqpacker = require('css-mqpacker');

gulp.task('css', function () {
  return gulp.src('./src/*.css')
    .pipe(postcss([
      atImport(),
      nested(),
      reference(),
      mqpacker()
    ]))
    .pipe(gulp.dest('./dest'));
});

package.json

{
  "name": "postcss-reference-bug-testing",
  "version": "1.0.0",
  "description": "Fixing ze bugs",
  "main": "gulpfile.js",
  "dependencies": {
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "bootstrap": "^3.3.6",
    "gulp": "^3.9.1",
    "gulp-postcss": "^6.1.0",
    "postcss-import": "^7.0.0",
    "postcss-mixins": "^4.0.0",
    "postcss-nested": "^1.0.0",
    "postcss-reference": "^1.0.3",
    "postcss-simple-vars": "^1.2.0"
  }
}

style.css

@reference {
    @import "../node_modules/bootstrap/dist/css/bootstrap.css";
}
.button {
    @references .btn, .btn-default;
}