Automattic / Automattic/Picard

Autoprefixing in Gulp causes errors that block style.css compile.

Open
#21 4 comments 0 reactions 0 assignees View on GitHub
[Type] Bug
Dominant language
CSS
Stars
622
Forks
108
PR merge metrics
No merged PRs in 30d

Description

The following error shows upon running `gulp styles`:

``` events.js:72
throw er; // Unhandled 'error' event
^
CssSyntaxError: /Users/kwight/Sites/trunk/src/wp-content/themes/picard/style.css.map:3:1: Unknown word
```

[Commenting out autoprefixer from the equation](https://github.com/Automattic/Picard/blob/master/gulpfile.js#L62) allows the compile to complete.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by running `gulp styles` and inspect the autoprefixer configuration at gulpfile.js line 62. Compare the failing run with autoprefixer commented out, then trace why style.css.map is being parsed as CSS and confirm that the style.css compilation completes without the reported CssSyntaxError.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
build-system, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.