Публикации по теме 'postcss'
webpack2 базовый пример для веб-дизайнера.
Всех с Новым Годом (уже поздно)! Как вы сейчас? Я использую webpack, который является системой 1, но я видел несколько статей и документов для webpack2. Такие как …
webpack Посредством взносов, пожертвований и спонсорства вы способствуете процветанию webpack. Ваши пожертвования напрямую поддерживают офис… webpack.js.org
Начало работы с Webpack 2 Бета-версия Webpack 2 выйдет из стадии бета-тестирования..
PostCSS - за пределами автопрефикса
Шумиха, которая потребовала некоторого времени, чтобы произойти
Бьюсь об заклад, что когда вы думаете о PostCSS, вы должны думать что-то вроде…
Дней с момента выпуска последней платформы JavaScript Регулярные обновления информации о том, сколько дней прошло с момента выпуска инфраструктуры или библиотеки JavaScript dayssincelastjavascriptframework.com
Но правда в том, что PostCSS существует почти столько же, сколько и React!..
PostCSS: будущее CSS
Когда дело доходит до CSS, всегда появляются новые инструменты, которые помогают нам быстрее и эффективнее преобразовывать стили. В прошлом году в сообществе разработчиков был ажиотаж по поводу PostCSS . Я использую PostCSS в течение нескольких месяцев и, поверьте мне, это ускорило рабочий процесс разработки интерфейса и улучшило качество CSS с помощью Javascript Плагины.
Но для тех, кто до сих пор не слышал о PostCSS, вот очень быстрая аналогия, написанная Ashleynolan ...
Style-It — это библиотека React.js.
Здравствуйте, я недавно сделал пример, используя Style-It, который является библиотекой React.js.
Вы можете увидеть эти примеры страниц и репозиторий GitHub.
Документы Style-It
buildbreakdo/style-it style-it — Компонент для написания открытого текста CSS в приложениях React — изоморфный, ограниченный, без FOUC, полнофункциональный, CSS-in… github.com
пример страницы
Пример Style-it Редактировать описание..
Интеграция Gatsby, Tailwind и Storybook
Руководство по быстрой и простой настройке Storybook и Tailwind в Gatsby. Суть: https://gist.github.com/romansorin/916cf914b90456f0ea584847d0db2db7
Один из моих текущих проектов посвящен документированию и описанию исследования UX, которое я проведу в ближайшие недели / месяцы. При создании этого проекта у меня возникла идея использовать Tailwind, Gatsby, Firebase и Storybook, чтобы запачкать руки, в то же время имея возможность создать приложение без особых усилий.
Пытаясь..
PostCSS — краткий обзор
Большинство людей в настоящее время используют препроцессоры CSS, которые могут быть сложными в использовании, и есть две проблемы с этими препроцессорами. Первая проблема заключается в том, что он уже находится в одном пакете, а это означает, что если вы хотите добавить больше, вам придется добавить больше, и вам придется хранить все в пакете, что может увеличить ненужную сложность проекта. Вторая проблема заключается в том, что он на самом деле не соответствует стандарту CSS, что..
Вопросы по теме 'postcss'
автопрефиксер grunt-postcss не добавляет префиксы, а создает новые файлы
Я пытаюсь использовать grunt-postcss с автопрефиксером, но css не получает префикс. Autoprefixer создает новые файлы, но без префиксов. Ошибки нет.
Вот мой gruntfile:
postcss: {
options: {
map:...
178 просмотров
schedule
14.07.2022
Webpack не загружает css
Это мой первый раз, когда я пытаюсь настроить Webpack, поэтому я уверен, что что-то здесь упускаю.
Я пытаюсь загрузить свои файлы PostCSS с помощью Webpack, используя ExtractTextPlugin для создания файла css в «dist». Проблема в том, что Webpack...
39714 просмотров
schedule
09.01.2023
Webpack и Precss не перезагружаются при изменении файла @import
Я настраиваю базовую установку Webpack и хочу, чтобы браузер автоматически перезагружал предварительно обработанный CSS в @imported файлах с помощью PostCSS и плагин PreCSS . В настоящее время, если я изменяю и сохраняю файл @imported, браузер не...
2639 просмотров
schedule
08.10.2022
Конвертация cssnext в postcss-cssnext в webpack
У меня проблемы с преобразованием конфигурации моего веб-пакета с устаревших cssnext и cssnext-loader в postcss-cssnext и postcss-loader. Док четко заявляет, что функциональность, которую я пытаюсь воссоздать, была делегирована функциям определенных...
2953 просмотров
schedule
21.06.2022
Самый простой способ использовать автопрефиксатор?
Я просто хочу иметь инструмент, который может смотреть и автоматически добавлять префиксы к моему CSS. Раньше я использовал pleeease.io , это очень просто для новичков, таких как я, после установки через npm, что мне нужно do - это создать файл...
1363 просмотров
schedule
14.03.2024
Как создать файл common.css и использовать только postcss?
Это моя текущая конфигурация веб-пакета — https://gist.github.com/lavezzi1/1179d91c584c0b0a7544c862c8bb07ca
Как видите, я делаю многостраничное приложение и столкнулся с несколькими проблемами.
Я хочу скомпилировать 2 файла для каждой...
239 просмотров
schedule
30.11.2022
Ошибка PostCSS: [объект Object] не является плагином PostCSS
Ошибка исходит от плагина postcss , возможно, я написал неправильно.
Я пытаюсь добавить cssnano и autoprefixer в плагин postcss .
gulp/node_modules/gulp-postcss/node_modules/postcss/lib/processor.js:143
throw new Error(i + ' is...
30325 просмотров
schedule
03.10.2022
Цикл @for в миксине в precss или sass
У меня есть отличный цикл for в моей таблице стилей precss. Я хотел бы преобразовать его в миксин, где я могу передать начальные значения для $ size (размер шрифта) и $ spacing (буквенный интервал) для разных медиа-запросов. Я не могу заставить...
995 просмотров
schedule
13.07.2023
stylelint-selector-bem-pattern БЭМ-линтер не работает
В gruntfile
stylelint: {
all: ['app/styles/**/*.scss']
},
.stylelintrc
{
"plugins": [
"stylelint-selector-bem-pattern"
],
"rules": {
"plugin/selector-bem-pattern": {
"componentName": "[A-Z]+",...
1155 просмотров
schedule
15.05.2023
Невозможно использовать миксины Susy в моем проекте
Я перемещаю существующий код в новую конфигурацию на основе webpack+postCSS.
Я использую компас и Susy.
Нет проблем с примесями компаса. Однако с susy я не могу использовать миксины. например, если я попытаюсь использовать миксин контейнера, я...
571 просмотров
schedule
20.05.2024
Как использовать переменные precss и правила @ в файлах с помощью веб-пакета
Я пытаюсь использовать precss, чтобы получить функциональность, похожую на sass, где я могу @define mixins/extends и $variables в глобальных файлах, на которые я затем могу ссылаться из других файлов, но я не могу понять конфигурацию веб-пакета....
363 просмотров
schedule
05.07.2023
Webpack 3 + PostCSS не выполняет горячую загрузку при изменении CSS-файла @import
Вот моя конфигурация css webpack
{
test: /\.css$/,
use: [
{
loader: 'style-loader',
},
{
loader: 'css-loader',
options: { sourceMap: true, importLoaders: 1 }
},
{
loader: 'postcss-loader',...
209 просмотров
schedule
18.01.2023
Как я могу импортировать импортированные файлы с помощью postcss-import и Webpack 2?
Могу ли я использовать postcss-import для импорта Bootstrap?
Вот часть конфигурации моего веб-пакета:
{
test: /\.css$/,
loaders: [
{
loader: 'style-loader',
},
{
loader: 'css-loader',
options: {...
842 просмотров
schedule
05.04.2023
Модули PostCss и next.js
Я использую PostCSS http://cssnext.io/ с моим веб-сайтом Next.js в сочетании с butterCMS . Я новичок в postcss, но мне нравится то, что они пытаются сделать, однако, исходя из фона SASS, я обнаружил, что, похоже, он идет по кроличьей норе из-за...
2069 просмотров
schedule
31.05.2023
Скрипт NPM для node-sass и postcss для автопрефикса
Мне нужно скомпилировать файлы scss в файлы css с автопрефиксом атрибутов. Мой скрипт npm выглядит так:
{
"scripts": {
"build:css": "node-sass --output-style 'compressed' src/scss/ -o public_html/css/map/ && postcss --use...
948 просмотров
schedule
22.04.2023
Webpack не перезаписывает URL-адреса активов (стилус)
Я пытаюсь переписать пути к ресурсам с определенного пути ( ~assets/myimage.png ) в правильный каталог (в моем случае /assets/ ).
Я сказал своему веб-пакету записывать все изображения в папку внутри public. Изображения написаны правильно, однако...
885 просмотров
schedule
28.12.2022
PostCSS: ExtractTextPlugin запускается дважды
Я пытаюсь создать новый плагин postcss. Проблема в том, что когда я использую ExtractTextPlugin , код запускается дважды, поэтому, если, например, я добавляю новое правило, оно добавит это дважды.
Я искал решение, и людям предлагают добавить...
51 просмотров
schedule
18.07.2023
автопрефикс gulpfile должен измениться на postcss
Я только недавно получил эти ошибки, когда мой Gulp говорит, что мне нужно изменить свой gulp-autoprefixer на postcss.
Но поскольку я получил этот gulpfile только с генератором Quench, я понятия не имею, как его изменить, чтобы автопрефиксер снова...
1288 просмотров
schedule
22.07.2022
Gatsby.js css: настраиваемые свойства
Я установил gatsby cli и создал базовый проект node / gatsby.js. В руководстве говорится: « Gatsby работает с модулями CSS из коробки. ». Я также хотел использовать настраиваемые свойства css, как описано здесь:...
1790 просмотров
schedule
16.08.2022
Обновление зависимостей зависимостей
Мы используем этот устаревший препроцессор под названием Myth , который использует устаревшую версию autoprefixer и очень старый версия посткссс. «autoprefixer-core»: «5.2.1» и «postcss»: «4.1.16». Можно ли обновить устаревшую зависимость на новую...
46 просмотров
schedule
29.04.2023