Autoprefixer are not applied on .styl files

[tforssander]

Hi, when generating a new project with the following command:

vue init vuetifyjs/webpack-ssr 
# (and activating a-la-carte components with custom theme)

It looks like autoprefixer is only applied on .vue files and not when using the custom theme option.

My first try was to add options: vueConfig for the .styl test in the webpack.base.config.js but couldn't get it working for some reason.

Thanks!

[nekosaur]

Update the .styl rule to look like this

{
  test: /\.styl$/,
  loader: ['vue-style-loader', 'css-loader', {
    loader: 'postcss-loader',
    options: {
      sourceMap: true,
      plugins: [
        require('autoprefixer')({
        browsers: ['last 3 versions']
      })
    ]
  }
}, 'stylus-loader', {
    loader: 'vuetify-loader',
    options: {
      theme: resolve('../assets/stylus/theme.styl')
    }
  }]
}

You will also need to install the postcss-loader

npm install --dev postcss-loader

[tforssander]

Thank you!