Как я могу определить импорт по умолчанию для Stylus в nuxt.js

Question

Я импортирую различные помощники (миксины, вары, функции) в свой компонент автоматически, чтобы они всегда были доступны мне и моей команде.

В настоящее время я использую шаблон webpack vue-cli и импортирую эти помощники. Я установил параметр импорта стилуса в конфигурацию webpack.base.js, как показано ниже;

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

Я не мог понять, как это сделать с nuxt.js, я поднял issue об этом и сказали, чтобы использовать сборки расширить метод.

Это не сработало, поскольку я получил ошибки от самого веб-пакета;

WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. 

Итак, с изменениями, внесенными в v2.2.0 веб-пакета, как я могу применить свои варианты стилуса?

Answer 1

Webpack 2 слегка изменил синтаксис. Вместо того, чтобы иметь ключ stylus в конфигурации верхнего уровня Webpack, у вас есть options ключ в вашей конфигурации stylus-loader. Таким образом, вы должны использовать что-то вроде:

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

Here's a solution для идентичного вопроса с другим загрузчиком.