jonkemp / jonkemp/gulp-inline-css

Stylesheet Path Issues

Open
#36 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
271
Forks
28
PR merge metrics
No merged PRs in 30d

Description

My gulp src begins with:

```
dist/**/*.html
```

My stylesheet has the following path:

```
/css/app.css
```

I call InlineCSS:

``` javascript
.pipe($.inlineCss, {
applyStyleTags: false,
removeStyleTags: false,
removeLinkTags: true,
})
```

I get errors trying to access the CSS file.

The results are pretty funky.

| Path to Stylesheet | InlineCSS Tries to find |
| --- | --- |
| /css/app.css | dist/[folder-path]/css/app.css |
| /dist/css/app.css | dist/dist/css/app.css |
| ../css/app.css | /css/app.css |

How is InlineCSS determining the path to my CSS file? Sometimes it wants to pull the directory structure in from the asterisks (first example) other times it completely ignores the path (second and third example) and going up one directory takes you completely out of the dist folder all together (third example).

Is there no way to tell InlineCSS that **dist** is the root of my site?

I see an options.url available - placing anything here has been unsuccessful. It's definitely not liking strings, it seems to try and access my localhost when I provide anything here. And my site is not running, because the build is not complete.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.