Описание тега postcss
PostCSS - это инструмент для преобразования стилей с помощью плагинов JavaScript. Эти плагины могут поддерживать переменные, миксины, переносить будущий синтаксис CSS, встроенные изображения и многое другое.
1
ответ
Gulp postCSS-mixins проблема с медиа-запросами
Я слушаю видеокурс Udemy о gulp и postCSS и делаю то же самое, что и репетитор, но ничего не получается. Мои медиа-запросы смешиваются: @define-mixin atSmall { @media (min-width: 530px) { @mixin-content; } } Мой код postCSS: .large-hero__title { fon…
23 окт '17 в 11:32
1
ответ
Не удается установить postcss-загрузчик
Я действительно новичок в вебпаке, реакции, бабел и т. Д. У меня когда-то это работало, но я что-то напортачил и теперь не могу исправить это. Я пытался заставить это работать несколько дней. Единственное руководство, которое мне удалось найти, - эт…
23 фев '17 в 10:57
1
ответ
Авторефиксер не работает в NPM
Я создаю TaskRunner с NPM - я не хочу использовать Gulp или Grunt... медленно!. Бегущий по заданию работает и работает быстро! Но... автоматический префикс не префикс. В нем нет console.logs, которые также отображаются в терминале. Похоже, его не ув…
09 авг '16 в 19:26
0
ответов
Импортируйте папку с помощью cssnext
В настоящее время я импортирую файлы с использованием cssnext и postcss следующим образом: @import "./components/button"; @import "./components/table"; @import "./components/list"; Есть ли способ рекурсивного импорта всех файлов в данной папке, как …
01 ноя '18 в 21:25
1
ответ
Ошибка с gulp-ruby-sass Ошибка: необходимо указать шаблон
Я использую Ruby Sass с PostCSS. Это моя задница. gulp.task('css', function () { var processors = [ short, rucksack, postcssmodules ]; return gulp.src('./css/src/*.scss') .pipe(postcss(processors, {syntax: scss})) .pipe(sass().on('error', sass.logEr…
21 май '16 в 04:44
1
ответ
Не может найти модуль styles.css с postcss
Я следую этому примеру для быстрого введения в postcss: https://www.sitepoint.com/an-introduction-to-postcss/ После установки postcss а также autoprefixer глобально, создав файл styles.css в корне моего проекта и выполнив следующую команду: postcss …
30 июл '18 в 18:43
1
ответ
Webpack 3 + PostCSS не загружается при изменении css файла @import
Вот мой конфиг css { test: /\.css$/, use: [ { loader: 'style-loader', }, { loader: 'css-loader', options: { sourceMap: true, importLoaders: 1 } }, { loader: 'postcss-loader', options: { sourceMap: true, // https://github.com/postcss/postcss-loader/i…
22 сен '17 в 02:01
1
ответ
CSS Sourcemap с использованием Extract Text Plugin /CSS-загрузчик Webpack
Я пытаюсь создать исходную карту CSS из веб-пакета. Однако в настоящее время генерируемый файл css.map в основном пуст. {"version":3,"sources":[],"names":[],"mappings":"","file":"si-styles.css","sourceRoot":""} Я понимаю, что мне нужно добавить что-…
26 май '16 в 12:38
1
ответ
Как интегрировать PostCSS в Buccoli angular-cli Build?
Кажется, что этот скрипт сборки запущен, но выводимый CSS не минимизирован и не имеет префикса автоматически. Я пытаюсь скомпилировать SASS, а затем запустить вывод через Post CSS с помощью Broccoli и angular-cli. Я полагаю, может быть, некоторые лю…
01 июн '16 в 16:14
1
ответ
Gulp postcss потерял сетку - каркас
У меня есть файл gulp с установленным потерянным пакетом, но кажется, что css не компилируется должным образом при выполнении моей задачи. var gulp = require('gulp'), $ = require('gulp-load-plugins')({ lazy: true }), browsersync = require('browser-s…
15 фев '16 в 16:43
1
ответ
Разрешение относительных URL во вложенных файлах стилей с помощью postcss & scss
Я использую postcss с scss synthax для организации стилей в проекте. Упрощенная структура приведена ниже: client media images image.png styles index.scss components component1.scss Точкой входа для загрузчиков Webpack является client/styles/index.sc…
09 мар '18 в 07:35
1
ответ
Как использовать lost, autoprefixer и postcss-compatibility?
Я хочу знать порядок, в котором мы должны использовать autoprefixer, lost, postcssflexibility в webpack?
04 апр '16 в 14:19
0
ответов
Плагин CSS Webpack Post не добавляет префикс вендора
Я пытаюсь использовать загрузчик wepback и плагин для автоматического префикса PostCSS. Все SCSS компилируется, но не получает префикс. Вот что у меня в конфиге: loaders: { { test: /\.css$/, loader: "style-loader!css-loader!autoprefixer-loader" }, {…
02 июн '16 в 20:57
0
ответов
Угловая 2+, интеграция rtlcss
У меня есть задача добавить поддержку rtl на сайт, используя какую-то библиотеку для изменения css, который будет менять местами слева направо и наоборот и добавлять [dir=rlt] [dir=ltr] ко всем селекторам соответственно. Что я сделал до сих пор: наз…
02 мар '18 в 23:35
0
ответов
Должны ли плагины postcss ссылаться на postcss как на одноранговую зависимость?
Я пытаюсь использовать функцию Sass Color PostCSS. Я получаю эту ошибку: Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.22, but postcss-sass-color-functions uses 5.2.18. Perhaps this is the source of the error below. (node:12…
31 июл '18 в 18:30
2
ответа
webpack4 как настроить файл postcss.config.js в рабочем режиме
"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack-dev-server --mode development --open --progress --config webpack.dev.config.js", "build": "webpack --progress --mode production --config webpack.prod.conf…
04 дек '18 в 12:19
1
ответ
Использование postcss в узле для изменения строки CSS
У меня есть строка JavaScript css: let style = '' + 'body {display: flex;} ' + 'body {background: red;}' + '#id5 {color: blue;}' + '$id7 {color: green;}' + '#id5 {color: yellow;}'; Я пытаюсь импортировать postcss в свой проект, чтобы я мог использов…
27 апр '18 в 16:21
1
ответ
Werid `:local` в выходном файле`CSS`
Я просто объявляю key-frames: @keyframes spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } Но в CSS файл, который Webpack сделал для меня вижу: animation: 1s infinite alternate :local(spinner) Что такое :local??? Я ищу …
07 янв '18 в 06:00
1
ответ
Нужен ли css-loader, если вы используете postcss-loader с соответствующими плагинами?
Я использую postcss-import позаботиться о моем импорте, и cssnano минимизировать. В моей конфигурации Webpack я использовал следующую настройку для css-loader... { loader: 'css-loader', options: { url: false, import: false, minimize: false, importLo…
25 июн '17 в 02:27
1
ответ
Как отлаживать CSS в комплекте с Webpack?
Я перешел от включения таблиц стилей в старом стиле: <link rel="stylesheet" href="./../css/main.css"> к Webpack подход: var css = require('./../css/main.css'); Это работает, но мне не нравится, что он извлекает CSS из этого файла во встроенный…
18 ноя '16 в 10:46