如何在nuxt.js中定义Stylus的默认导入

Question

我会自动将各种帮助程序（mixins，vars，函数）导入到我的组件中，以确保我和我的团队始终可以使用它们。

目前我使用vue-cli webpack模板并导入这些帮助器我在webpack.base.js配置中设置了stylus导入选项，如下所示;

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

我无法弄清楚如何使用nuxt.js，我提出了issue关于此问题并被告知要使用构建扩展方法。

当我从webpack本身收到错误时，这没有工作;

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

因此，随着webpack v2.2.0带来的变化，我该如何应用我的手写笔选项？

Answer 1

Webpack 2稍微改变了语法。您可以在options配置下使用stylus-loader密钥，而不是在顶级Webpack配置中使用... { loader: 'stylus-loader', options: { import: ['~stylus/common.styl'] } } ... 密钥。所以你应该使用类似的东西：

somefunction('value1',function(){alert('value2')});

Here's a solution与不同的加载器存在相同的问题。