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

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

Сообщение Anonymous »

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

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

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







${page.title()}




Hello ${name}!


< /code>
Но хотя я запускаю эти сценарии, которые находятся в моем файле Package.json: < /p>
"build": "tailwindcss -i ./styles.css -o ../resources/static/main.css --minify",

"watch": "tailwindcss -i ./styles.css -o ../resources/static/main.css --watch",
< /code>
Я не вижу стиля Tailwind, несмотря на возможность увидеть страницу HTML с полученными значениями JTE. Я также могу получить доступ к стилям в рамках http: // localhost: 8080/main.css 
Это моя конфигурация для ветра: 
/** @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: [],
}
< /code>
У меня есть это в моем файле POM: < /p>


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
Большое спасибо. Укажите CSS на ./main.css
< /p>

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

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

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

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

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

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