Как применить стиль CSS Tailwind к шаблону JTE с помощью Java Spring Boot?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как применить стиль CSS Tailwind к шаблону JTE с помощью Java Spring Boot?

Сообщение Anonymous »

Я экспериментирую с новым шаблоном JTE, и хотя он отлично отображает значения через мой HTML, мне сложно отобразить стили CSS Tailwind.
Я иметь автоматически созданный файл main.css Tailwind внутри src/main/resources/static/main.css. Я пытаюсь применить его к приведенному ниже файлу index.jte, который находится внутри src/main/jte. Конфигурации Tailwind и файл package.json находятся внутри src/main/frontend.

Код: Выделить всё

@import com.francislainy.jtetailwind.Page
@param String name
@param Page page







${page.title()}




Hello ${name}!


Но даже несмотря на то, что я запускаю эти сценарии, которые находятся в моем файле package.json:

Код: Выделить всё

"build": "tailwindcss -i ./styles.css -o ../resources/static/main.css --minify",

"watch": "tailwindcss -i ./styles.css -o ../resources/static/main.css --watch",
Я не вижу стиля Tailwind, несмотря на то, что могу видеть html-страницу с полученными значениями JTE. Я также могу получить доступ к стилям по адресу http://localhost:8080/main.css
Это моя конфигурация Tailwind:

Код: Выделить всё

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/main/jte/**/*.jte', // Ensure Tailwind scans your JTE files
'./src/main/resources/static/**/*.css', // Optionally include other static resources if needed
],
theme: {
extend: {},
},
plugins: [],
}
У меня в pom-файле есть это:

Код: Выделить всё


gg.jte
jte
3.1.12


gg.jte
jte-spring-boot-starter-3
3.1.12


com.github.eirslett
frontend-maven-plugin
1.15.0


install node and npm

install-node-and-npm

generate-resources

${node.version}
${npm.version}



npm install

npm

generate-resources

install



npm build

npm

generate-resources

run build




src/main/frontend
target


Весь проект можно найти здесь:
https://github.com/francislainy/jteTemplate-poc
Большое спасибо.

Подробнее здесь: https://stackoverflow.com/questions/790 ... pring-boot
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»