Questions tagged [cssnano]
The cssnano tag has no usage guidance.
22
questions
0
votes
0
answers
28
views
Permission denied when using cssnano script in my package.json
{
"name": "pinhideout",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
...
2
votes
1
answer
161
views
Angular 11/CSS minification: How to prevent conversion of rgba to 8 digit hex code during css minification to support older chrome
We've a web app that's developed in Angular 11(cli V11.2.14) & Asp.net core and running fine, now needs to be supported in chrome older version(browser version 60).
I came across css issues mainly ...
3
votes
3
answers
812
views
Angular ionic build: Cannot read property 'toLowerCase' of undefined postcss
I'm trying to build my application, but I'm getting this error from Postcss.
Note: the file on '/srv/http/r2-app/styles.e4dd05dfea4b7f17f938.css' does not exist.
[error] TypeError: Cannot read ...
1
vote
0
answers
124
views
GRUNT: grunt-postcss not executing cssnano when used together with sass - if scss file long
I am using both the sass parser and gruntpostcss with cssnano on watch. cssnano` is parsing the file just fine if its a short file, but it my scss/css file gets long css file, the it is not parsing ...
0
votes
1
answer
68
views
Stop cssnano v4 from adding quotes to named grid-areas
cssnano v4 turns named grid-areas into quoted strings instead of custom-identifiers, eg:
/* input */
header {
grid-area: header;
}
/* output */
header {
grid-area: "a";
}
Making ...
-1
votes
4
answers
2k
views
CSS minification error in npm run build [vue.js]
Im receiving this error everytime I try to run 'npm run build' and I dont have any css file.
ERROR Error: CSS minification error: Unexpected ":" found.. File: css/app.86f0ef2e.css
Error: ...
1
vote
1
answer
1k
views
Optimizing CSS with cssnano advanced transforms using Gulp + PostCSS
My current working gulpfile.js:
var postcss = require('gulp-postcss');
var gulp = require('gulp');
var cssnano = require('cssnano');
gulp.task('css', function () {
var ...
0
votes
1
answer
473
views
webpack/cssnano not compressing all CSS files?
I'm using
webpack 4
postcss-loader
cssnano
mini-css-extract-plugin
The postcss/cssnano config looks like:
{
loader: 'postcss-loader',
options: {
sourceMap: true,
...
1
vote
3
answers
7k
views
How to configure cssnano for CSS minification?
I am trying to configure cssnano plugin for the postcss-loader, which minifies CSS, very similar, as described here.
Webpack config:
...
module: {
rules: [
{
test: /\.css$/,
...
3
votes
0
answers
1k
views
Autoprefixer not using "grid: autoplace" with cssnano and postcss
We are using postcss with cssnano and autoprefixer. My problem is that postcss does not use the "grid: autoplace" in my postcss.config.js.
This is my postcss.config.js:
const cssnano = require('...
2
votes
1
answer
3k
views
Cssnano doesn't remove duplicates
I have a React web application where i use CSS modules. I am using Webpack to build the application.
Related part from the webpack.config.js :
{
test: /\.css$/,
use: extractCSS.extract(
...
1
vote
1
answer
509
views
Cannot turn off colormin optimization from the cssnano configuration
I have the Webpack setup in which I use optimize-css-assets-webpack-plugin with cssnano as the CSS processor.
In there, I don't want to use the colormin optimization.
Optimizations: https://...
12
votes
1
answer
8k
views
Postcss-loader not minifying css output
I'm using webpack and postcss-loader to autoprefix and minify my CSS, before loading it into css-loader to use css-modules. I'm having trouble with minifying CSS. Examining the emitted .js file by ...
2
votes
1
answer
2k
views
How do I add cssnano optimization rules in vue-cli 3?
I am trying to add cssnano optimization rules but with vue-cli, it doesn't seem to work. I added the following script in vue.config.js:
module.exports = {
css: {
loaderOptions: {
postcss: ...
2
votes
1
answer
1k
views
Css minification not working (gulp + cssnano)
I have a very basic gulpfile set up like this:
'use strict';
var gulp = require('gulp');
var sass = require('gulp-sass');
var notify = require('gulp-notify');
var browserSync = require('browser-sync'...
1
vote
1
answer
2k
views
Minify multiple input file with postcss
I installed cssnano following these step: http://cssnano.co/guides/getting-started/
Into the root of my project i ran:
npm install cssnano --save-dev
After i installed postcss-cli:
npm install ...
0
votes
1
answer
1k
views
Does cssnano apply css autoprefixer?
I want to apply cssnano and autoprefixer on my css code.
I read on the internet that it is enough to use cssnano, that cssnano automatically applies autoprefixer. When I use this code:
var gulp = ...
2
votes
1
answer
614
views
gulp-postcss: conditional options (optimizations)
I learned the list of cssnano optimizations: it includes autoprefixer (not default), cssnano-util-raw-cache, etc.
Next I look the gulp-postcss documentation: it has the following example:
var ...
0
votes
1
answer
960
views
Webpack: How to merge css and less, THEN apply cssnano
I managed to compile my css and less resources („imported“ from javascript) to all-my-LESS|CSS, extract them using ExtractTextPlugin and merge them together with MergeFilesPlugin to combinedStyles.css....
0
votes
1
answer
168
views
cssnano removes "all" attribute from css @media query
I am curious if what cssnano does to media queries is ok. In my css file, I have.
@media all and ( min-width: 600px) {}
After running my css through cssnano, it turns it to this >
@media ( min-...
2
votes
0
answers
1k
views
Retaining empty/unused classes with CSS Loader
I am building a React application through Webpack 2, generating CSS through SASS-loader and CSS-loader. Here is my Webpack 2 configuration:
loaders: [
{
test: /\.(css|scss)$/,
...
1
vote
0
answers
319
views
gulp postcss cssnano does not combine the same selector when it is not next to it
Gulp in postcss with cssnano combine the same selector when the selector next to it but unfortunately it does not combine the selector when it is not next to it.
It works very well when selectors ...