ThronRycer/eleventy-with-tailwind
1
0
Fork 0
Code Projects Releases Activity

Initial Config of components

Browse Source 
- eleventy
- tailwindcss
- postcss
- webpack
This commit is contained in:
Philipp Klüter
2021-09-15 08:00:11 +02:00
parent 61bf73dc36
commit bad5d0302a
7 changed files with 87 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
.eleventy.js Normal file
View File

@@ -0,0 +1,23 @@
const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight');
module.exports = (config) => {
config.addPlugin(syntaxHighlight);
config.addPassthroughCopy({ 'src/assets': 'assets' });
config.setFrontMatterParsingOptions({
excerpt: true,
excerpt_sperator: ' <!-- excerpt -->',
});
config.setTemplateFormats(['jpg', 'png', 'webp', 'md', 'njk']);
config.setBrowserSyncConfig({
files: ['dist/**/*'],
open: true,
});
config.setDataDeepMerge(true);
return {
dir: {
input: 'src',
output: 'dist',
},
};
};

7
postcss.config.js Normal file
View File

@@ -0,0 +1,7 @@
module.exports = {
plugins: [
require('postcss-import'),
require('tailwindcss')('./tailwind.config.js'),
require('autoprefixer'),
],
};

1
src/_bundle/main.js Normal file
View File

@@ -0,0 +1 @@
import './main.pcss';

3
src/_bundle/main.pcss Normal file
View File

@@ -0,0 +1,3 @@
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

15
src/_includes/layout.njk Normal file
View File

@@ -0,0 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="/assets/main.bundle.css">
<link rel="stylesheet" href="https://upkg.com/prismjs@1.20.0/themes/prism-okaida.css">
<script src="/assets/main.bundle.js" defer></script>
<title>{{title}}</title>
</head>
<body>
<main></main>
</body>
</html>

14
tailwind.config.js Normal file
View File

@@ -0,0 +1,14 @@
module.exports = {
theme: {
container: {
center: true,
padding: '2rem',
},
extend: {},
},
variants: {
extend: {},
},
plugins: [require('@tailwindcss/typography')],
pruge: ['./src/**/*.js', './src/**/*.njk', './src/**/*.svg'],
};

24
webpack.config.js Normal file
View File

@@ -0,0 +1,24 @@
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
module.exports = {
entry: './src/_bundle/main.js',
mode: process.env.NODE_ENV,
module: {
rules: [
{
test: /\.pcss$/i,
use: [MiniCssExtractPlugin.loader, 'css-loader', 'postcss-loader'],
},
],
},
output: {
path: path.resolve(__dirname, 'dist', 'assets'),
filename: 'main.bundle.js',
},
plugins: [
new MiniCssExtractPlugin({
filename: 'main.bulde.css',
}),
],
};