wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

consistently use bundle css, external for dev, inlined for production

Browse source
This commit is contained in:
madrilene 2024-10-22 09:19:10 +02:00
parent acd28bc567
commit 080f490a9d
2 changed files with 3 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/_config/plugins/css-config.js
View file

@ -15,8 +15,7 @@ export const cssConfig = eleventyConfig => {
compile: async (inputContent, inputPath) => { compile: async (inputContent, inputPath) => {
const paths = []; const paths = [];
if (inputPath.endsWith('/src/assets/css/global/global.css')) { if (inputPath.endsWith('/src/assets/css/global/global.css')) {
paths.push('dist/assets/css/global.css'); paths.push('src/_includes/css/global.css');
paths.push('src/_includes/css/global.css'); // Assuming you might want to keep naming consistent for ease
} else if (inputPath.includes('/src/assets/css/bundle/')) { } else if (inputPath.includes('/src/assets/css/bundle/')) {
const baseName = path.basename(inputPath); const baseName = path.basename(inputPath);
paths.push(`src/_includes/css/${baseName}`); paths.push(`src/_includes/css/${baseName}`);

5
src/_includes/head/css-inline.njk
View file

@ -2,12 +2,11 @@
{%- if eleventy.env.runMode === "serve" %} {%- if eleventy.env.runMode === "serve" %}
<!-- External CSS for local dev (refresh without page reload) --> <!-- External CSS for local dev (refresh without page reload) -->
<link rel="stylesheet" href="{% getBundleFileUrl "css", "global" %}"> <link rel="stylesheet" href="{% getBundleFileUrl "css", "global" %}">
<link rel="stylesheet" href="{% getBundleFileUrl "css", "inline" %}">
{%- else %} {%- else %}
<!-- Inlined CSS (fastest site performance in production) --> <!-- Inlined CSS (fastest site performance in production) -->
<style>{% getBundle "css", "global" %}</style> <style>{% getBundle "css", "global" %}</style>
<style>{% getBundle "css", "inline" %}</style>
{%- endif %} {%- endif %}
{% css "global" %}{% include "css/global.css" %}{% endcss %} {% css "global" %}{% include "css/global.css" %}{% endcss %}
<!-- opt-in for inlined CSS -->
<style>{% getBundle "css", "inline" %}</style>