webpack混入全局样式的两种方式

如果你使用 stylus 预处理器，默认支持 import 混入一些全局样式。

{
  test: /\.styl(us)?$/,
  use: [
    MpxWebpackPlugin.wxssLoader(),
    {
      loader: 'stylus-loader',
      options: {
        stylusOptions: {
          import: [resolve('./src/theme.styl')],
        }
      }
    }
  ]
}

除此之外，还可以选择安装 style-resources-loader 进行处理样式。

{
  test: /\.styl(us)?$/,
  use: [
    MpxWebpackPlugin.wxssLoader(),
    'stylus-loader',
    {
      loader: 'style-resources-loader',
      options: {
        patterns: [
          resolve('./src/theme.styl')
        ]
      }
    }
  ]
}