Я использую попутный ветер с конфигурацией postcss, которая генерирует файл CSS для использования в рабочей среде, содержащий только необходимые классы CSS для приложения. Однако при создании файла CSS я заметил множество пустых переменных CSS, которые, по моему мнению, не служат никакой цели, и моя IDE распознает их как ошибку. Пример одного из этих классов:
*, ::before, ::after {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
Как мне избавиться от этих классов, если они не нужны? Самое главное, как я могу запретить Tailwind автоматически генерировать эти классы? Я делаю что-то не так?
Это мой файл Tailwind.config.js:
module.exports = {
content: ["./src/**/*.{vue,js,ts,jsx,tsx}"],
theme: {
colors: {
"primary-darker": "#45622E",
"primary-dark": "#5A7B31",
"primary-med": "#76A340",
primary: "#96BA57",
"primary-light": "#F3F9EC",
white: "#FFFFFF",
"secondary-dark": "#202020",
secondary: "#262626",
"secondary-light": "#373737",
"active-gray": "#999999",
"inactive-grey": "#D8D8D8",
"background-grey": "#F8F8F8",
"background-light": "#F2F2F2",
success: "#83C117",
alert: "#B63A2F",
current: "currentColor",
},
extend: {
fontFamily: {
konnect: "Konnect, Helvetica, Arial, sans-serif",
"konnect-medium": "Konnect Medium, Helvetica, Arial, sans-serif",
"konnect-semibold": "Konnect SemiBold, Helvetica, Arial, sans-serif",
"konnect-light": "Konnect Light, Helvetica, Arial, sans-serif",
},
},
},
plugins: [],
};
И это команда, которую я использую для автоматического создания файла с попутным ветром:
"tailwinds:build": "npx tailwindcss -i src/assets/sass/tailwind.scss -o ./public/output.css --watch"
Подробнее здесь: https://stackoverflow.com/questions/732 ... bles-empty
Переменные файла CSS, автоматически сгенерированные Tailwind, пусты ⇐ CSS
Разбираемся в CSS
-
Anonymous
1767727926
Anonymous
Я использую попутный ветер с конфигурацией postcss, которая генерирует файл CSS для использования в рабочей среде, содержащий только необходимые классы CSS для приложения. Однако при создании файла CSS я заметил множество пустых переменных CSS, которые, по моему мнению, не служат никакой цели, и моя IDE распознает их как ошибку. Пример одного из этих классов:
*, ::before, ::after {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
Как мне избавиться от этих классов, если они не нужны? Самое главное, как я могу запретить Tailwind автоматически генерировать эти классы? Я делаю что-то не так?
Это мой файл Tailwind.config.js:
module.exports = {
content: ["./src/**/*.{vue,js,ts,jsx,tsx}"],
theme: {
colors: {
"primary-darker": "#45622E",
"primary-dark": "#5A7B31",
"primary-med": "#76A340",
primary: "#96BA57",
"primary-light": "#F3F9EC",
white: "#FFFFFF",
"secondary-dark": "#202020",
secondary: "#262626",
"secondary-light": "#373737",
"active-gray": "#999999",
"inactive-grey": "#D8D8D8",
"background-grey": "#F8F8F8",
"background-light": "#F2F2F2",
success: "#83C117",
alert: "#B63A2F",
current: "currentColor",
},
extend: {
fontFamily: {
konnect: "Konnect, Helvetica, Arial, sans-serif",
"konnect-medium": "Konnect Medium, Helvetica, Arial, sans-serif",
"konnect-semibold": "Konnect SemiBold, Helvetica, Arial, sans-serif",
"konnect-light": "Konnect Light, Helvetica, Arial, sans-serif",
},
},
},
plugins: [],
};
И это команда, которую я использую для автоматического создания файла с попутным ветром:
"tailwinds:build": "npx tailwindcss -i src/assets/sass/tailwind.scss -o ./public/output.css --watch"
Подробнее здесь: [url]https://stackoverflow.com/questions/73225541/tailwind-autogenerated-css-file-variables-empty[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия