loadPath as Array - not importing mixins

[jmatc]

I'm trying to define a couple .scss files within my loadPath array, and upon compilation, am getting an error that a mixin is undefined:

./grunt/sass.js

'use strict';

module.exports = function() {
  return {
    dist: {
      options: {
        loadPath: [
          'node_modules/[module_name]/modules/mixins.scss',
          'node_modules/[module_name]/modules/helpers.scss'
        ],
        noCache: true,
        sourcemap: 'none',
        style: 'compressed'
      },
      files: {
        'index.css': 'index.scss'
      }
    }
  }
};

index.scss

#app-example-component {
  @include rounded(5px);
}

err

Running "sass:dist" (sass) task
Error: Undefined mixin 'rounded'.
        on line 2 of index.scss, in `rounded'
        from line 2 of index.scss

If this has been answered, sorry for the repeat issue - I couldn't find a similar solution elsewhere.

Thanks in advance.

[codeengie]

In your sass.js remove one of the array items and change it to:

'use strict';

module.exports = function() {
  return {
    dist: {
      options: {
        loadPath: [
          'node_modules/[module_name]/modules/'
        ],
        noCache: true,
        sourcemap: 'none',
        style: 'compressed'
      },
      files: {
        'index.css': 'index.scss'
      }
    }
  }
};

Then in your index.scss import both files before your include.

@import 'mixins';
@import 'helpers';

#app-example-component {
  @include rounded(5px);
}