Wie vereinfacht man den @ Import-Pfad für mein Npm Sass-Paket?

Question

Situation

ich ein kleines sass Paket entwickelt und veröffentlicht es auf npm.

Um das Paket in einem Projekt, das ich es npm install zu verwenden und dann die Hauptdatei importieren wie folgt:

@import 'node_modules/my-package/my-package.scss';

Dies funktioniert.

Frage

Ist es möglich, Benutzer nur um es zu ermöglichen, zu importieren, wie so?

@import 'my-package';
oder
@import 'my-package.scss';

Ich glaube, ich sah einige Pakete, die dies ermöglichen. Ist das möglich?

Jede Art von Hilfe wird sehr geschätzt!

Answer 1

Mit Gulp und schlucke-Sass, können die Menschen includePaths angeben

.pipe(sass({ 
    includePaths: [ 
     './node_modules/your-package-name' 
    ] 
})) 

Dieser den Compiler für enthält immer aussehen sagen wird, dass der Pfad anhängen zu importieren, wie es kompiliert wird.

dann in ihren * .scss Dateien, die sie brauchen nur

@import "your-package-name"; 

oder

@import "your-package-name/variables"; 

Andernfalls zu tun, ich glaube nicht, es mit ähnlicher Einrichtung möglich ist - nach allem, es ist nur ein URL, es sei denn, sie machen einige Vorverarbeitung, sie müssten den vollständigen Pfad zu ihr