Описание тега cssnano
1
ответ
Css минификация не работает (gulp + cssnano)
У меня есть очень простой gulpfile, настроенный так: 'use strict'; var gulp = require('gulp'); var sass = require('gulp-sass'); var notify = require('gulp-notify'); var browserSync = require('browser-sync').create(); var useref = require('gulp-usere…
21 июн '18 в 10:15
0
ответов
Vue-CLI 3: Config cssnano discardComments
У меня есть проект с Vue-cli 3, и мне нужно изменить некоторые правила оптимизации cssnano, такие как discardComments. Основная проблема в том, что я хочу использовать postcss-rtl, и он нуждается в комментариях, таких как /*! rtl:ignore */, Но в про…
21 фев '19 в 08:16
0
ответов
Авторефиксер не использует "grid: autoplace" с cssnano и postcss
Мы используем postcss с cssnano и autoprefixer. Моя проблема в том, что postcss не использует "grid: autoplace" в моем postcss.config.js, Это мой postcss.config.js: const cssnano = require('cssnano'); const mqpacker = require('css-mqpacker'); const …
19 дек '18 в 12:30
1
ответ
cssnano удаляет атрибут "all" из запроса css @media
Мне любопытно, что cssnano делает с медиа-запросами. В моем файле CSS у меня есть. @media all and ( min-width: 600px) {} После запуска моего CSS через cssnano, он превращается в это> @media ( min-width: 600px) {} Это безопасно для использования в пр…
26 июл '17 в 01:48
0
ответов
Как добавить правила оптимизации cssnano в vue-cli 3?
Я пытаюсь добавить правила оптимизации cssnano, но с vue-cli, похоже, это не работает. Я добавил следующий скрипт в vue.config.js: module.exports = { css: { loaderOptions: { postcss: { plugins: [ require("cssnano")({ preset: [ "default", { discardCo…
25 авг '18 в 06:50
0
ответов
Как исправить ошибку синтаксиса CSS при минимизации CSS-файлов с помощью CSSnano с Postcss?
При минимизации CSS-файлов с помощью CSS nano я получаю синтаксические ошибки. Есть ли какой-нибудь плагин Postcss, доступный для автоматического исправления / исключения синтаксической ошибки в этом процессе минимизации?
26 июн '18 в 05:07
1
ответ
Невозможно отключить оптимизацию colormin из конфигурации cssnano
У меня есть настройка Webpack, в которой я использую https://www.npmjs.com/package/optimize-css-assets-webpack-plugin с cssnano в качестве процессора CSS. Там я не хочу использовать colormin оптимизация. Оптимизации: https://cssnano.co/guides/optimi…
24 сен '18 в 11:41
1
ответ
Сократить несколько входных файлов с помощью postcss
Я установил cssnano, выполнив следующие действия: http://cssnano.co/guides/getting-started/ В корень моего проекта я запустил: npm install cssnano --save-dev После того, как я установил postcss-cli: npm install postcss-cli --global Наконец, я создал…
06 фев '18 в 15:38
1
ответ
Применяет ли cssnano автоматический префикс?
Я хочу применить cssnano и autoprefixer к моему css-коду. Я прочитал в Интернете, что достаточно использовать cssnano, что cssnano автоматически применяет авторефиксер. Когда я использую этот код: var gulp = require('gulp'); var cssnano = require('g…
19 ноя '17 в 14:20
1
ответ
Webpack: как объединить css и меньше, ТО применить cssnano
Мне удалось скомпилировать мой CSS и меньше ресурсов ("импортированных" из JavaScript) в all-my-LESS|CSS, извлеките их, используя ExtractTextPlugin и объединить их вместе с MergeFilesPlugin в combinedStyles.css, Бит, который мне не хватает: как запу…
20 сен '17 в 12:32
0
ответов
Сохранение пустых / неиспользуемых классов с помощью CSS Loader
Я создаю приложение React через Webpack 2, генерирую CSS через SASS-загрузчик и CSS-загрузчик. Вот моя конфигурация Webpack 2: loaders: [ { test: /\.(css|scss)$/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', use: [ { loader: 'css-loade…
16 мар '17 в 01:03
1
ответ
gulp-postcss: условные опции (оптимизации)
Я узнал список оптимизации cssnano: он включает autoprefixer (не по умолчанию), cssnano-util-raw-cache, так далее. Далее я смотрю документацию gulp-postcss: в ней есть следующий пример: var postcss = require('gulp-postcss'); var gulp = require('gulp…
19 ноя '17 в 06:55
1
ответ
Postcss-загрузчик не минимизирует вывод css
Я использую webpack и postcss-loader, чтобы автоматически префиксировать и минимизировать мой CSS, прежде чем загружать его в css-loader для использования css-модулей. У меня проблемы с минимизацией CSS. Изучение испущенного файла.js с помощью веб-п…
27 авг '18 в 14:57
0
ответов
gulp postcss cssnano не объединяет один и тот же селектор, когда его нет рядом с ним
Gulp в postcss с cssnano комбинируйте тот же селектор, когда селектор рядом с ним, но, к сожалению, он не комбинирует селектор, когда он не рядом с ним. Это работает очень хорошо, когда селекторы рядом с ним .box { color: blue; } .box { font-weight:…
03 окт '16 в 15:19
0
ответов
Как закрыть cssnano lowerTransforms?
По умолчанию, limitTransforms из cssnano преобразует scale3d(1, 1, 1) в scaleX(1), который по-прежнему будет иметь значение scaleX(1), когда я установил для параметра limitTransforms значение false. Вопрос: как я могу отключить преобразование преобр…
16 ноя '18 в 09:45
1
ответ
Cssnano не удаляет дубликаты
У меня есть веб-приложение React, где я использую модули CSS. Я использую Webpack для сборки приложения. Связанная часть из webpack.config.js: { test: /\.css$/, use: extractCSS.extract( { fallback: 'style-loader', use: [{ loader: 'css-loader', optio…
29 сен '18 в 02:43
0
ответов
Определение различных опций для плагинов postcss в зависимости от режима webpack
Я работаю с отдельными конфигурациями веб-пакетов для каждой среды (разработка / производство). Цель состоит в том, чтобы минимизировать мой css-код для производственного режима только с использованием postcss-loader и cssnano. Я знаю, что в readme-…
09 май '19 в 18:25
0
ответов
CSSNANO неправильно конвертирует rgba в hsla
В моем проекте CSSNANO конвертирует значения rgba в hsla. Однако я обнаружил, что преобразование работает неправильно. Это меняет это: background-image: linear-gradient(to bottom, #404040 50%, rgba(255, 255, 255, 0) 50%); к этому: background-image: …
05 июн '19 в 15:18
0
ответов
postcss - postcss-discard-duplicates не имеет значения
Я новичок в фронтенд-разработке; Чтобы избавиться от повторяющихся правил в моем CSS, я попытался использовать postcss-discard-duplicates Обновлена задача gulp со следующим const postcss = require('gulp-postcss'), const dedupeCSS = require('postcs…
20 сен '19 в 18:45
0
ответов
Использование gulp для минимизации скомпилированных файлов css
Я использую следующую конфигурацию. Файлы.scss скомпилированы правильно, но не уменьшены. Я пытаюсь выполнить множество вариантов задачи, но не могу минимизировать мои файлы.min.css. Я передаю cssnano в качестве параметра плагину postcss. Что с этим…
29 янв '20 в 15:55