React、Webpack、Stylus - 将全局变量导入所有组件

Question

我有反应应用程序和 webpack 我有这个代码：

stylus: {
    use: [require('nib'), require('jeet')],
    import: [
        '~nib/lib/nib/index.styl',
        '~jeet/stylus/jeet/_jeet',
        '~rupture/rupture/index.styl'
    ]
}

如何将 myvariable.styl全局导入到每个组件？我需要添加这样的东西：

stylus: {  
    import: [
        './app/styles/variables.styl'
    ]
}

在这个 webpack 停止在 96% 之后，没有别的。

Answer 1

Webpack 配置中的大多数路径都需要是完整路径（绝对路径，而不是相对路径）。

尝试这个：

const path = require('path');
...
stylus: {  
  import: [
    '~nib/lib/nib/index.styl',
    '~jeet/stylus/jeet/_jeet',
    '~rupture/rupture/index.styl',
    path.resolve(__dirname, './app/styles/variables.styl')
  ]
}

（我认为最初的三个进口可能没有必要，如果它们也被@import纳入variables.styl）。