Публикации по теме 'postcss'
Как настроить Webpack 5, ES6 с ESLint, PostCSS с Stylelint, CSSNANO и многое другое!
Изменить: история обновлена 9 ноября 2020 г.
Эта история - просто пачка обновлений этого . Я также писал о некоторых других полезных инструментах в своих старых рассказах , но для этого обновленного рассказа мы собираемся использовать:
Webpack 5 ES6 с Babel ESLint для линтинга JavaScript PostCSS (с импортом и preset-env) Stylelint для линтинга CSS Clean Webpack Plugin , CSSNANO , File Loader , MiniCssExtractPlugin и некоторые другие полезные инструменты..
Вопросы по теме 'postcss'
как добавить список браузеров в cssnext
Я использую postcss-cssnext и в своем webpack.config удалил autoprefixer
postcss: [autoprefixer({ browsers: ['last 2 versions'] }) ],
и включил cssnext . Я понимаю, что cssnext уже включает autoprefixer, поэтому нам не нужно включать...
1803 просмотров
schedule
17.09.2021
Ошибка при сборке npm run (плагин PostCSS postcss-purgecss требует PostCSS 8) vuejs3 и попутный ветер
Я создаю приложение, используя vuejs3 и tailwindcss. Я тестировал некоторые конфигурации перед запуском проекта, после чего получил эту ошибку npm run build throws:
ERROR Failed to compile with 1 error 2:48:15 PM...
415 просмотров
schedule
04.10.2021
Невозможно собрать Nuxt из-за проблемы с PostCSS при использовании Bulma и Buefy (nuxt-buefy)
Используя следующую конфигурацию, через npm run dev все работало нормально, но когда мы сделали npm run build , возникла ошибка:
ОШИБКА в ./assets/scss/main.scss...
185 просмотров
schedule
02.11.2021
Как использовать плагины PostCSS с извлеченным CRA и Storybook
У меня есть извлеченное приложение create-response-app с Storybook. Чтобы использовать некоторые дополнительные плагины PostCSS, я добавил postcss-nested, и все работает нормально, когда я запускаю / создаю проект cra, но он не работает с Storybook....
193 просмотров
schedule
03.04.2022
Цвета по умолчанию не работают для `tailwind.macro`
У меня есть приложение React, которое пытается tailwind.macro работать в emotion нотациях. Я использую customize-cra для перепрограммирования приложения, и ${tw WHATEVER } успешно работает. Однако похоже, что он не наследует исходные...
2364 просмотров
schedule
20.04.2022
gulp: сбой PostCSS - версия postcss выше, чем версия postcss-import
Я пытаюсь преобразовать свой CSS с помощью PostCss, используя Gulp.
Когда я добавляю плагин cssnext в PostCss, я получаю следующую ошибку:
Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.19, but postcss-import uses...
878 просмотров
schedule
29.05.2022
Исправление устаревших математических операций с цветом Sass
Я только что узнал, что больше не рекомендуется использовать математические операторы для вычисления цветов в таблицах стилей Sass. Так случилось, что у меня есть блок кода, который вычисляет цвета, используя сложение, вычитание и умножение, но это...
192 просмотров
schedule
16.06.2022
Передать массив стилей в компонент React
Я хочу передать массив стилей компоненту React, используя модули postcss-loader и css. Мой файл webpack.config.file для компиляции css-файлов выглядит так:
loaders: [
'style-loader',...
3388 просмотров
schedule
18.06.2022
postcss-autoreset переопределяет семейство шрифтов с помощью браузера по умолчанию
Я использую postcss-autoreset , который применяет all: initial; к любому элементу стиля в моих файлах CSS.
Но когда я пытаюсь установить шрифт элемента body , только элементы, которые я не стилизовал в CSS, получат шрифт. Элементы, которые я...
315 просмотров
schedule
17.07.2022
Зачем использовать postcss-loader без плагинов?
Я видел проект webpack, который использует postcss-loader без каких-либо плагинов. Все статьи postcss, которые я нашел, говорят об использовании его с плагинами, так есть ли смысл или причина использовать его без плагинов?
93 просмотров
schedule
10.08.2022
postcss-cli: объединить --watch и --replace для одного и того же файла без бесконечного цикла
Когда я пытаюсь использовать атрибуты replace и watch для одного и того же файла (файлов), я получаю бесконечный цикл, что означает, что часы замечают изменение, которое, например. autoprefixer просто внесен в файл и, таким образом, запускает команду...
1008 просмотров
schedule
22.08.2022
Используйте Postcss в пользовательской библиотеке Angular
Я использовал postcss , postcss-css-modules и posthtml-css-modules для реализации модулей CSS в приложении Angular. Я также использовал @ angular-builders / custom-webpack для этого.
Теперь я хочу сделать то же самое с моей...
923 просмотров
schedule
22.08.2022
Rollup и Post CSS - автоматическое добавление префиксов к атрибутам React className
Я использую Rollup + React + Post CSS для создания библиотеки компонентов. Я ищу способ автопрефикса имен классов, чтобы они не конфликтовали со стилями в проекте, использующем библиотеку.
Я уже добавил этот плагин, чтобы автоматизировать...
1248 просмотров
schedule
01.09.2022
Минимизация/изменение имен классов CSS в JSX и вывод CSS из Webpack (или других программных средств)
Я хотел бы минимизировать имена классов (в целях минимальной защиты исходного кода) как в моих выходных файлах CSS, так и в отрендеренном JSX из моих компонентов React, аналогично этому плагину Webpack:...
5071 просмотров
schedule
12.09.2022
Глобальные служебные классы с модулями PostCSS / CSS
Используя CSS-модули , как я могу применить глобальный служебный класс к нескольким элементам без дублирования стиля декларация?
Например, вот компонент React без модулей CSS. Соответствующая строка - это div с двумя классами: widget и _3...
1519 просмотров
schedule
11.10.2022
gulp postcss-simple-vars выдает ошибку в // комментариях
Я пытаюсь перейти с Sass на postCSS и тестирую плагин postcss-simple-vars gulp.
Я использую Webstorm IDE, который автоматически использует комментарии в стиле javascript (//) в файлах .scss, поэтому все мои неблочные комментарии являются //...
514 просмотров
schedule
09.10.2022
Как применяются настроенные плагины `postcss-import`
Я только начал использовать PostCSS исключительно с Webpack. При использовании postcss-import для встроенных внешних таблиц стилей я вижу, что его параметры позволяют нам настраивать плагины и преобразователи для применения к импортированным...
1643 просмотров
schedule
23.02.2023
Возникла проблема сборки продукта с Webpack, React, postCSS и, возможно, другим JS-кодом, который вводится должным образом.
У меня проблема с моим webpack.prod.config, правильно создающим мои активы, или, возможно, проблема с моей конфигурацией JS Babel.
Я могу заставить его работать со сборкой для разработки, в которую он встраивает мой CSS, но он не работает, когда я...
2272 просмотров
schedule
13.02.2023
Конфигурация stylelint в Gruntfile
Я пытаюсь создать отдельную задачу под названием stylelint, потому что по причинам я не хочу, чтобы она была частью задачи postcss.
В gruntfile пишу:
stylelint: {
options: {},
src: './assets/css/precss/**'
}
Когда я запускаю grunt...
307 просмотров
schedule
06.05.2023
postcss потерял поддержку сетки webpack2?
У меня проблема с «потерянной сеткой», я просто не смог заставить ее работать на webpack2 по какой-то причине, есть ли у кого-нибудь успех?
Использование "webpack": "^2.2.1","lost": "^8.0.0","postcss": "^5.2.16",
{
test:...
368 просмотров
schedule
20.12.2022
