如何在nuxt.js中定义手写笔的默认导入

Question

我自动将各种帮助器(混合、变量、函数)导入到我的组件中，以确保它们对我和我的团队始终可用。

目前我使用的是vue-cli webpack模板，要导入这些辅助对象，我在webpack.base.js配置中设置了手写笔导入选项，如下所示；

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

我还不知道如何使用nuxt.js来做这件事，我提出了一个关于这方面的issue，并被告知使用build extend方法。

这不起作用，因为我收到了来自webpack本身的错误；

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

那么，随着webpack 2.2.0版本带来的变化，我如何应用我的手写笔选项？

Answer 1

《Webpack 2》略微修改了语法。在顶级的Webpack配置中没有使用stylus密钥，而是在stylus-loader配置下使用了options密钥。所以你应该使用类似这样的东西：

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

使用不同加载器时出现相同问题的Here's a solution。