Warning `Replace Autoprefixer browsers option to Browserslist config.`

[aLekSer]

Steps to reproduce

Run hugo --config config.toml from the root of the project.

Results in the following output:

Building sites …
  Replace Autoprefixer browsers option to Browserslist config.
  Use browserslist key in package.json or .browserslistrc file.

  Using browsers option cause some error. Browserslist config
  can be used for Babel, Autoprefixer, postcss-normalize and other tools.

  If you really need to use option, rename it to overrideBrowserslist.

  Learn more at:
  https://github.com/browserslist/browserslist#readme
  https://twitter.com/browserslist
                   | EN
-------------------+-----
  Pages            |  7
  Paginator pages  |  0
  Non-page files   |  0
  Static files     | 36
  Processed images |  0
  Aliases          |  0
  Sitemaps         |  1
  Cleaned          |  0

What you expected to happen

No warning messages.

Versions

Autoprefixer is at the latest version 9.6.1

[LisaFC]

I'll take a look, thanks for letting me know!

[LisaFC]

Looks like it's coming from Autoprefixer's latest release, the browsers option is deprecated: https://github.com/postcss/autoprefixer/releases/tag/9.6.0

I'll follow their instructions to update. Thanks for reporting this!

[LisaFC]

So I think this is an issue with your project, as I've checked, and I don't have the browsers option in either the Docsy guide or the Docsy example project's package.json, both of them build without this warning. If you follow the update instructions in the Autoprefixer doc I linked above to migrate your package.json you should be good. Feel free to reopen if it doesn't work.

[aLekSer]

Hello, I opened this issue based on clean Docsy repo.

docsy/postcss.config.js

Line 20 in 3ca22ac

browsers: [

You could see the outdated browserlist here above.

[LisaFC]

Aha, sorry about that, I was looking in the wrong file. Will update!

[aLekSer]

How to reproduce cd to Docsy repo:

$ pwd
/Users/a/go/src/github.com/docsy
$ hugo --config config.toml
Building sites …
  Replace Autoprefixer browsers option to Browserslist config.
  Use browserslist key in package.json or .browserslistrc file.

  Using browsers option cause some error. Browserslist config
  can be used for Babel, Autoprefixer, postcss-normalize and other tools.

  If you really need to use option, rename it to overrideBrowserslist.

  Learn more at:
  https://github.com/browserslist/browserslist#readme
  https://twitter.com/browserslist



                   | EN
-------------------+-----
  Pages            |  7
  Paginator pages  |  0
  Non-page files   |  0
  Static files     | 36
  Processed images |  0
  Aliases          |  0
  Sitemaps         |  1
  Cleaned          |  0

Total in 1444 ms

[LisaFC]

Thanks, I'll have a fix in shortly

[MattiaMontanari]

Hey @LisaFC, I'm having the same issue:

hugo --config config.toml
Building sites … 
  Replace Autoprefixer browsers option to Browserslist config.
  Use browserslist key in package.json or .browserslistrc file.
  Using browsers option can cause errors. Browserslist config 
  can be used for Babel, Autoprefixer, postcss-normalize and other tools.
  If you really need to use option, rename it to overrideBrowserslist.
  Learn more at:
  https://github.com/browserslist/browserslist#readme
  https://twitter.com/browserslist
                   | NO | EN  
-------------------+----+-----
  Pages            | 77 | 44  
  Paginator pages  |  0 |  0  
  Non-page files   |  1 |  3  
  Static files     | 36 | 36  
  Processed images |  2 |  7  
  Aliases          |  1 |  2  
  Sitemaps         |  2 |  1  
  Cleaned          |  0 |  0  

I'm trying to deploy with gitlab the example project using klakegg/hugo:ext-alpine as image.

[LisaFC]

Thanks for reminding me!

You shouldn't have a problem with your site until then, it's a deprecation warning rather than it actually not working, but I'll try to get something in that stops the warning.

[MattiaMontanari]

Actually, the whole site is not rendering properly.. I'm not sure if I am doing something terribly wrong. The project is available here.

[LisaFC]

Hmm, that's odd, it's like you have no CSS. I'll have a look.

Just FYI my build command for continuous deployment with Netlify (used for the example site) is:
cd themes/docsy && git submodule update -f --init && cd ../.. && hugo

because I need Netlify to pull the theme submodules (including all the PostCSS stuff) before running hugo to build the site, so it might be something like that.

Any other users building from GitLab with a Docker file like Mattia?