hrfee
/
jfa-go
mirror of https://github.com/hrfee/jfa-go.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

bundle css with esbuild

This commit is contained in:
Harvey Tindall 2021-01-23 18:53:14 +00:00
parent cd2ea2e579
commit f7d8feac5d
Signed by: hrfee
GPG Key ID: BBC65952848FB1A2
9 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.goreleaser.yml
View File

@ -10,9 +10,9 @@ before:
- rm -rf data/web
- mkdir -p data
- cp -r static data/web
- cp -r css data/web/
- npm install
- cp node_modules/a17t/dist/a17t.css data/web/css/
- mkdir -p data/web/css
- npx esbuild --bundle css/base.css --outfile=build/data/web/css/bundle.css --external:remixicon.css --minify
- cp node_modules/remixicon/fonts/remixicon.css node_modules/remixicon/fonts/remixicon.woff2 data/web/css/
- cp -r html data/
- cp -r lang data/

14
Makefile
View File

@ -43,11 +43,13 @@ compile:
compress:
upx --lzma build/jfa-go
copy:
$(info copying css)
bundle-css:
-mkdir -p build/data/web/css
cp -r css build/data/web/
cp node_modules/a17t/dist/a17t.css build/data/web/css/
$(info bundling css)
npx esbuild --bundle css/base.css --outfile=build/data/web/css/bundle.css --external:remixicon.css --minify
copy:
$(info copying fonts)
cp -r node_modules/remixicon/fonts/remixicon.css node_modules/remixicon/fonts/remixicon.woff2 build/data/web/css/
$(info copying html)
cp -r html build/data/
@ -61,5 +63,5 @@ copy:
install:
cp -r build $(DESTDIR)/jfa-go
all: configuration npm email version typescript swagger compile copy
debug: configuration npm email version ts-debug swagger compile copy
all: configuration npm email version typescript bundle-css swagger compile copy
debug: configuration npm email version ts-debug bundle-css swagger compile copy

10
css/base.css
View File

@ -1,9 +1,9 @@
@import "a17t.css";
@import "../node_modules/a17t/dist/a17t.css";
@import "remixicon.css";
@import "modal.css";
@import "dark.css";
@import "tooltip.css";
@import "loader.css";
@import "./modal.css";
@import "./dark.css";
@import "./tooltip.css";
@import "./loader.css";
:root {
--border-width-default: 2px;

2
html/404.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" class="{{ .cssClass }}">
<head>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/bundle.css">
{{ template "header.html" . }}
<title>404 - jfa-go</title>
</head>

2
html/admin.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" class="{{ .cssClass }}">
<head>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/bundle.css">
<script>
window.URLBase = "{{ .urlBase }}";
window.notificationsEnabled = {{ .notifications }};

2
html/form.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" class="{{ .cssClass }}">
<head>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/bundle.css">
{{ template "header.html" . }}
<title>{{ .strings.pageTitle }}</title>
</head>

2
html/invalidCode.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en" class="{{ .cssClass }}">
<head>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/bundle.css">
{{ template "header.html" . }}
<title>Invalid Code - jfa-go</title>
</head>

1
test.css Normal file
View File

File diff suppressed because one or more lines are too long

2
views.go
View File

@ -7,7 +7,7 @@ import (
"github.com/gin-gonic/gin"
)
var css = []string{"base.css", "a17t.css", "remixicon.css", "modal.css", "dark.css", "tooltip.css", "loader.css"}
var css = []string{"bundle.css", "remixicon.css"}
var cssHeader = func() string {
l := len(css)
h := ""