sass import node_modules script
<p>I'm new to gulp, susy, sass, and have been looking for a solution to my following problem but haven't been successful in finding one.</p>

<pre><code>@import 'susy';
@import 'breakpoint-sass';
</code></pre>

<p>does not work, but</p>

<pre><code>@import "../node_modules/modularscale-sass/stylesheets/_modular-scale.scss";
@import "../node_modules/breakpoint-sass/stylesheets/_breakpoint.scss";
</code></pre>

<p>works. But it's not the right way isn't it?
I've also tried, <code>sudo npm install breakpoint-sass --save-dev</code> but still didn't work.</p>

<p>My project looks like</p>

<pre><code>.
├── assets
│   ├── atoms
│   │   └── _test.scss
│   └── style.scss
├── dist
│   └── style.css
├── gulpfile.js
└── package.json
</code></pre>

<p>and this is my gulp file:</p>

<pre><code>const gulp = require('gulp'),
      browserSync = require('browser-sync'),
      reload = browserSync.reload,
      autoprefixer = require('autoprefixer'),
      sass = require('gulp-sass')
      imagemin = require('gulp-imagemin'),
      uglify = require('gulp-uglify'),
      plumber = require('gulp-plumber');



gulp.task('sass', function() {
  return gulp.src('./assets/*.scss')
      .pipe(sass({
          outputStyle: 'compressed',
          includePaths: ['node_modules/susy/sass']
      }).on('error', sass.logError))
      .pipe(gulp.dest('./dist'));
});
</code></pre>

<p>and this is my package.json:</p>

<pre><code>{
  "private": true,
  "engines": {
    "node": "&gt;=4"
  },
  "devDependencies": {
    "autoprefixer": "^6.3.6",
    "breakpoint-sass": "^2.7.0",
    "browser-sync": "^2.2.1",
    "gulp": "^3.9.1",
    "gulp-imagemin": "^3.0.1",
    "gulp-plumber": "^1.0.1",
    "gulp-sass": "^2.1.1",
    "gulp-uglify": "^1.1.0",
    "modularscale-sass": "^2.1.1",
    "susy": "^2.2.12"
  }
}
</code></pre>

<p>I hope you could help me out.</p>

<p>Thanks for your time</p>