Updated gulp task to require Autoprefixer

[dainelmawer]

Fixes a problem where Autoprefixer is not run during the Gulp build task.
This issue was originally discovered after inspecting .min.css files in the dist folder.

[timwright12]

@dainemawer please make sure this is updated in the plugin repo as well. Will merge after that.

[timwright12]

@dainemawer I did a little digging and it looks like autoprefixer is included with the postcss-preset-env package we're using, so we may not need this. I did however run into a problem prefixing grid without calling autoprefixer specifically. Which properties were you noticing didn't prefix properly?

[dainelmawer]

@timwright12 I tested with display:grid to start off with, which is where I originally discovered the issue. I tried the following now after removing the require('autoprexifer') from gulp-tasks/css.js

body {
  appearance: none;
  display: grid;
}

and the output is:

body{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid}

So looks like you are right, it's not working for grid

[timwright12]

Just making a note here that we need to update this to:

const cssOpts = {
		stage: 0,
		autoprefixer: {
			grid: true
		}
};

[dainelmawer]

@timwright12 @magnificode PR updated with fix

[timwright12]

@dainemawer This looks good, but make sure you sync this change in the plugin repo 10up/plugin-scaffold#48

We'll merge at the same time.

[dainelmawer]

@timwright12 added PR for the plugin and tagged you