Wie kann ich Standardimporte für Stylus in nuxt.js definieren?

Question

Ich importiere automatisch verschiedene Helfer (Mixins, Vars, Funktionen) in meine Komponente, um sicherzustellen, dass sie für mich und mein Team immer verfügbar sind.

Momentan verwende ich die vue-cli webpack-Vorlage und um diese Helfer zu importieren, setze ich die Stift-Import-Option innerhalb der webpack.base.js-Konfiguration, wie unten gezeigt;

stylus: { import: ['~stylus/common.styl'] } 

Ich habe nicht herausfinden kann, wie dies mit nuxt.js zu tun, hob ich ein issue über diese und mir wurde gesagt, die Build erweitert Methode zu verwenden.

Dies hat nicht funktioniert, da ich dann Fehler von Webpack selbst erhielt;

Mit den Änderungen mit v2.2.0 von webpack, wie kann ich meine Stiftoptionen anwenden?

Answer 1

In Webpack 2 wurde die Syntax leicht geändert. Anstatt einen stylus Schlüssel in der Top-Level-Webpack-Konfiguration zu haben, haben Sie einen options Schlüssel unter Ihrer stylus-loader Konfiguration. Sie sollten also so etwas wie verwenden:

... 
{ 
    loader: 'stylus-loader', 
    options: { 
    import: ['~stylus/common.styl'] 
    } 
} 
... 

Here's a solution für ein identisches Problem mit einem anderen Lader.