webpack4 stylus config

webpack.config.js

{
  test: /\.(styl|stylus)$/,
  use: [
    {
      loader: 'vue-style-loader',
    },
    {
      loader: 'css-loader',
      options: {
        sourceMap: true,
        minimize: true,
      },
    },
    {
      loader: 'postcss-loader',
      options: {
        sourceMap: true,
        plugins: () => [
          require('postcss-flexbugs-fixes'),
          require('autoprefixer')({
            browsers: [
              'last 5 versions',
              'iOS >=10',
              'not ie < 9',
              '>3%',
            ],
            flexbox: 'no-2009',
          }),
        ],
      },
    },
    {
      loader: 'stylus-loader',
      options: {
        paths: ['src/css/', 'src/asset/', 'src/'],
        sourceMap: true,
        import: [path.resolve('src/css/common.styl')], // <-- add this
      },
    },
  ],
  exclude: /node_modules/,
}