Вопросы по теме 'postcss'

grunt postcss не найден
Новичок в Grunt, пытаюсь запустить Gruntfile для проекта wordpress. У меня есть package.json и Gruntfile.js в моем корневом каталоге. Я хочу добавить grunt-postcss, но, следуя инструкциям, постоянно получаю сообщение «Предупреждение: задача...
1475 просмотров
schedule 08.05.2022

Исходная карта CSS с использованием плагина Extract Text Plugin/CSS-loader Webpack
Я пытаюсь создать исходную карту css из webpack. Однако в настоящее время созданный файл css.map практически пуст. {"version":3,"sources":[],"names":[],"mappings":"","file":"si-styles.css","sourceRoot":""} Я понимаю, что мне нужно добавить...
2359 просмотров
schedule 13.09.2023

Как правильно установить postcss с Angular2 CLI
только изучаю Angular2 и хочу установить postcss. Я нашел несколько старых постов, в которых пытались объяснить, как установить postcss на Angular2. Все они устарели, поскольку ни один из них не учитывает, что angular-cli-build.js больше нет,...
2481 просмотров
schedule 27.07.2022

Используйте плагины extractTextPlugin и postCss в Webpack 2.
Я перехожу с webpack v1 на v2. Я следил за официальным документом, чтобы обновить webpack.config.js : ... module: { rules: [ { test: /\.css$/, use: extractTextPlugin.extract({ fallback:...
1141 просмотров
schedule 14.03.2023

Как использовать ворс для соглашения BEM Гарри Роберта с помощью stylelint?
Для плагина PostCSS BEM Linter требуется определение компонента для каждого блока, что требует много времени в устаревшем проекте. Есть ли способ использовать stylelint для проверки шаблона классов и отображения ошибок во всех таблицах стилей...
2299 просмотров
schedule 29.12.2022

Использование postcss с автопрефиксером и получение ошибки «не удается найти модуль»
Я пытаюсь добавить префиксы, используя сценарии npm. вот скрипт npm, который я использую postcss --use autoprefixer prodapp/css/sass.css -d prodapp/css/ На своей странице git hub они также показали ту же команду....
849 просмотров
schedule 10.10.2022

CSS-модули не работают
Я пытаюсь настроить модули css с помощью postcss + cssnext. Кажется, все работает нормально, за исключением того, что ключевое слово composes просто не работает. Правило исчезает при компиляции пакета. Вот мой файл конфигурации веб-пакета:...
4133 просмотров
schedule 14.05.2023

Autoprefixer не добавляет префиксы вендоров
Вот задача: gulp.task('process-css', function(){ return gulp.src('./app/css/scss/main.scss') .pipe(sass().on('error', sass.logError)) .pipe(postcss([postcssMixins, postcssCalc, postcssSimpleVars, postcssColor, postcssExtend,...
1585 просмотров
schedule 05.04.2022

Как получить предупреждения о недопустимых значениях css
Я перехожу с sass на postcss. Чтобы упростить задачу, я использую postcss-simple-vars , который поддерживает такие же переменные, как и sass. Моя проблема: $size: 100px; .class { width: $size * 2; } Сасс результат: .class {...
86 просмотров
schedule 30.12.2022

Gulp, PostCSS и UnCSS
Я пытаюсь очистить свой css и использовать UnCSS с gulp и Postcss. У меня есть это: gulp.task('optim-css', function() { var stream1 = gulp.src(['dev/css/bootstrap.min.css','dev/css/custom.css']) .pipe(postcss([ rucksack() ]))...
1696 просмотров
schedule 09.03.2023

Postcss-загрузчик не уменьшает вывод css
Я использую webpack и postcss-loader для автопрефикса и минимизации моего CSS, прежде чем загружать его в css-loader для использования css-модулей. У меня проблемы с уменьшением CSS. Изучение сгенерированного файла .js с помощью webpack показывает,...
7002 просмотров

Импорт Semantic-ui css без локальной области видимости классов || Semantic-ui для использования классов с локальной областью видимости
Я хочу выборочно использовать классы semantic-ui-css в своих компонентах. Проблема в том, что я использую опцию модулей PostCSS, которая локально охватывает все имена классов для определенного компонента. Когда я использую компоненты...
688 просмотров

Импорт файла во вложенный селектор
Есть ли решение postcss для импорта файла в/вложение внутри селектора? Я не могу заставить postcss-import или postcss-nested делать то, что мне нужно. .some-selector { @import 'some.css'; } Учитывая файл, например. import-me.css...
565 просмотров
schedule 13.12.2022

Ошибка синтаксического анализа при попытке использовать тему() внутри calc()
Я использую Tailwind CSS с PostCSS через Gulp. Почти все отлично работает. Я пытаюсь ссылаться на значения из объекта темы конфигурации в моем CSS. Я могу сделать следующее просто отлично: height: theme('spacing.12'); Однако, когда я...
88 просмотров
schedule 09.11.2023

как передать настройки в модули postcss в gulp, особенно в uncss?
Я не могу передать настройки модулю uncss, если я хочу вызвать его в postcss в скрипте gulp. Вот моя задача с глотком: var gulp = require('gulp'); var postcss = require('gulp-postcss'); var cssvars = require('postcss-simple-vars'); var nested =...
222 просмотров
schedule 05.05.2023

Импортируйте глобальный PostCSS с помощью Storybook 5
В Storybook v4 я загрузил файлы PostCSS моего приложения React в два этапа: Сначала я обновил конфигурацию Webpack Storybook в ./.storybook/webpack.config.js . //...
1483 просмотров
schedule 06.07.2022

Включение автоприставки (в частности) сетки для IE11 в Gatsby
Мне сложно заставить сетки работать с моим сайтом Gatsby. Я использую SASS через плагин gatsby-plugin-sass и указываю параметры. Вот точная конфигурация, которую я нашел в Интернете: { resolve: 'gatsby-plugin-sass', options: {...
582 просмотров
schedule 31.10.2022

Используйте [hash: base64: 5] в файле JavaScript / TypeScript.
Я использую модули CSS в проекте Angular с Webpack. Я уже преобразовал имена классов в .css и .scss файлах с помощью postcss-модулей . Затем с помощью posthtml-css-modules я изменил значения свойства класса в элементах html. для его...
560 просмотров

ng-packagr расширяет конфигурацию накопительного пакета
У меня есть пользовательская библиотека Angular, и я хотел бы настроить сборку этой библиотеки с помощью postcss . Как и библиотеки Angular, созданные с использованием ng-packagr , мне нужно расширить rollup.config.js ng-packagr для...
334 просмотров

webpack / cssnano не сжимает все файлы CSS?
я использую webpack 4 postcss-загрузчик cssnano плагин mini-css-extract Конфигурация postcss / cssnano выглядит так: { loader: 'postcss-loader', options: { sourceMap: true, plugins:...
292 просмотров