The twelvety's discuss from gregives

Referencing an external stylesheet prevents build

Howdy & thank you for building this.

When using an external stylesheet (https://cloud.typography.com/6984932/6762612/css/fonts.css, for fonts) in a tag in my default.liquid, I encounter the following error during build:

➜ project git:(master) ✗ npm run build

> [email protected] build /Users/jeffery/Sites/project
> cross-env ELEVENTY_ENV=production eleventy

Error writing templates: (more in DEBUG output)
> Having trouble writing template: dist/media/killing-me-softly/index.html

`TemplateWriterWriteError` was thrown
> /6984932/6762612/css/fonts.css:1:1: Unknown word

`CssSyntaxError` was thrown:
    CssSyntaxError: /6984932/6762612/css/fonts.css:1:1: Unknown word
        at Input.error (/Users/jeffery/Sites/project/node_modules/critical/node_modules/postcss/lib/input.js:128:16)
        at Parser.unknownWord (/Users/jeffery/Sites/project/node_modules/critical/node_modules/postcss/lib/parser.js:561:22)
        at Parser.other (/Users/jeffery/Sites/project/node_modules/critical/node_modules/postcss/lib/parser.js:166:12)
        at Parser.parse (/Users/jeffery/Sites/project/node_modules/critical/node_modules/postcss/lib/parser.js:75:16)
        at parse (/Users/jeffery/Sites/project/node_modules/critical/node_modules/postcss/lib/parse.js:17:12)
        at new LazyResult (/Users/jeffery/Sites/project/node_modules/critical/node_modules/postcss/lib/lazy-result.js:64:16)
        at Processor.<anonymous> (/Users/jeffery/Sites/project/node_modules/critical/node_modules/postcss/lib/processor.js:142:12)
        at Processor.process (/Users/jeffery/Sites/project/node_modules/critical/node_modules/postcss/lib/processor.js:121:23)
        at rebaseAssets (/Users/jeffery/Sites/project/node_modules/critical/src/file.js:284:8)
        at getStylesheet (/Users/jeffery/Sites/project/node_modules/critical/src/file.js:739:21)
Problem writing Eleventy templates: (more in DEBUG output)
> Having trouble writing template: dist/media/killing-me-softly/index.html

An initial guess is that that URL fails loading because it doesn't have a referrer when being loaded as part of the build process. The server responds with a 403 in this instance. Any way for it to remain unconsumed by the build process / postcss?

I've unsuccessfully tried the following:

Using @import url() in my SASS.
Wrapping the <link> in {% raw %}

Note, things work great during development. It's just build that causes the problem.

I'll keep experimenting & report back.

Add a blog

It would be good to add a blog because many sites have it!

Use Eleventy Image to generate images

Eleventy Image has all the functionality we need to generate images in the picture shortcode, including an example of synchronous usage.

Generating AVIF images is very slow

Since #6, builds are taking much longer. It might be worth reverting the changes for now, or giving the user an option of which image formats to generate (no AVIF by default).

The AVIF images also seem strangely large compared to benchmarks I have seen.

See if Eleventy v1.0 can improve Twelvety

The newly released Eleventy v1.0 may introduce new features which can improve Twelvety, such as Custom Template Languages and the new Render Plugin. Release blog post here: https://www.11ty.dev/blog/eleventy-one-point-oh/

gregives / twelvety Goto Github PK

twelvety's Issues

Referencing an external stylesheet prevents build

Add a blog

Use Eleventy Image to generate images

Generating AVIF images is very slow

See if Eleventy v1.0 can improve Twelvety

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent