gulp-postcss | Pipe CSS through PostCSS processors with a single parse | Plugin library

by postcss JavaScript Version: 10.0.0 License: MIT

X-Ray Key Features Code Snippets(3)Community Discussions(10)Vulnerabilities Install Support

kandi X-RAY | gulp-postcss Summary

gulp-postcss is a JavaScript library typically used in Plugin, Gulp applications. gulp-postcss has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub, Maven.

PostCSS gulp plugin to pipe CSS through several plugins, but parse CSS only once.

Support

Quality

Security

License

Reuse

Support

gulp-postcss has a low active ecosystem.

It has 753 star(s) with 68 fork(s). There are 19 watchers for this library.

There were 2 major release(s) in the last 12 months.

There are 7 open issues and 107 have been closed. On average issues are closed in 42 days. There are 1 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of gulp-postcss is 10.0.0

Quality

gulp-postcss has 0 bugs and 0 code smells.

Security

gulp-postcss has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

gulp-postcss code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

gulp-postcss is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

gulp-postcss releases are available to install and integrate.

Deployable package is available in Maven.

Installation instructions, examples and code snippets are available.

Top functions reviewed by kandi - BETA

kandi has reviewed gulp-postcss and discovered the below as its top functions. This is intended to give you an instant insight into gulp-postcss implemented functionality, and help decide if they suit your requirements.

returns a loader with plugins
handle CSS source map

Get all kandi verified functions for this library.

gulp-postcss Key Features

No Key Features are available at this moment for gulp-postcss.

gulp-postcss Examples and Code Snippets

PostCSS Visitor ,Usage

JavaScript

Lines of Code : 33

License : Permissive (CC0-1.0)

Copy

npm install postcss-visitor --save-dev

require('postcss-visitor').process(YOUR_CSS, /* options, plugins, visitors */)

npm install postcss --save-dev

postcss([
	require('postcss-visitor')(/* options, plugins, visitors */)
]).process(YOUR_CSS, /* op

Usage

JavaScript

Lines of Code : 14

License : No License

Copy

const gulp = require('gulp')
const postcss = require('gulp-postcss')
const removeStyle = require('postcss-remove-style')({
    '*': ['color'], // 删除所有样式里的color属性
    '.b': '*'       // 删除.b类
    '.c': ['font']  // 删除.c里的font属性
})

gulp.task('test', f

gulpfile autoprefixer must change to postcss

JavaScript

Lines of Code : 50

License : Strong Copyleft (CC BY-SA 4.0)

Copy

npm i --save-dev gulp-postcss autoprefixer cssnano

var gulp = require('gulp'),
plumber = require('gulp-plumber'),
rename = require('gulp-rename');
//var autoprefixer = require('gulp-autoprefixer'); /*remove*/
//var

Community Discussions

Trending Discussions on gulp-postcss

Gulp error File not found with singular glob

Trouble with splitting gulpfile.js into multiple files in Gulp 4

Using postcss-conditionals with mixins

Gulp task: pipe gulp-sass to postCSS doing nothing

Gulp watch not watching .js files

Missed semicolon error when running a gulp task with tailwind and bulma css

ReferenceError: require is not defined at gulpfile.js

Error ReferenceError: regeneratorRuntime is not defined (Chrome Console Error - not during gulp / babel build)

Error in SASS when trying to use @use at-rule

How to overwrite file and use that file in same gulp task?

QUESTION

Gulp error File not found with singular glob

Asked 2021-Nov-29 at 16:38

After changing gulp 3 to 4 I receive the error when I try to run gulp build:

...

ANSWER

Answered 2021-Nov-29 at 16:38

In copy:css you have this line:

paths.src.base + '/assets/css/argon.css'

where apparently your error is. The problem is your paths.src.base is defined as

base: './' to which you are adding /assets/css/argon.css so you end up with

.//assets/css/argon.css note the two leading backslashes.

Get rid of the leading backslash in the /assets/... and check the rest of your code for the same problem.

Also since you are using gulp4 get rid of runSequence - look at the documentation for gulp.series.

Source https://stackoverflow.com/questions/70156790

QUESTION

Trouble with splitting gulpfile.js into multiple files in Gulp 4

Asked 2021-Aug-31 at 04:37

I am a beginner to Javascript and Gulp. Am learning this based on a udemy course in which Gulp 3 is being used, and I've been looking at docs to convert the code to Gulp 4. It's been fun so far since I am learning more when I am doing the conversions myself, but am stuck on this one. Wonder if you guys can offer some advice.

Issue: When I split the gulpfile.js into separate files to organise my files better, it starts throwing errors. Code below.

styles.js

...

ANSWER

Answered 2021-Aug-30 at 17:22

I have a full article that shows many how to regarding going from gulp3 to gulp4, I think you are going to find everything you need there

But basically, I think you need to take a look at these modules :

Then, from a gulp.js perspective, you can end up with something like this :

Source https://stackoverflow.com/questions/68981941

QUESTION

Using postcss-conditionals with mixins

Asked 2021-Aug-12 at 07:50

I'm having an issue converting my postcss conditionals to css. I'm using gulp to process the files and output a css file. Everything seems to be working up until the point that I try to convert the conditionals (see below).

Here is my gulp file:

...

ANSWER

Answered 2021-Aug-12 at 07:50

maybe there is some way to process the plugins in two passes? E.g. first ['postcss-import', 'postcss-mixins'], then the rest? That would at least (dis)prove your theory

Source https://stackoverflow.com/questions/68725728

QUESTION

Gulp task: pipe gulp-sass to postCSS doing nothing

Asked 2021-Jul-09 at 12:47

I'm trying to:

Add vendor prefixes to SCSS
Compile to CSS
Minify it

With this gulp code:

...

ANSWER

Answered 2021-Jul-09 at 12:46

This

Source https://stackoverflow.com/questions/68314000

QUESTION

Gulp watch not watching .js files

Asked 2021-Jan-05 at 09:24

Just went back to a very old project and updated to Gulp 4.0.2.

Managed to get it watching and compiling css, but doesn't seem to watch changes to the JavaScript files?

It doesn't throw any errors, just doesn't compile the JS when I make a change.

(I'm a designer and my JS is terrible, so you might have to really spell it out for me 😬)

gulpfile.js

...

ANSWER

Answered 2021-Jan-05 at 09:24

paths.scripts.src + '/*.js' and paths.vendor.src + '/*.js' contained an extra /

Thanks to Thomas Sablik

Source https://stackoverflow.com/questions/65526085

QUESTION

Missed semicolon error when running a gulp task with tailwind and bulma css

Asked 2020-Nov-29 at 19:07

I'm new to gulp tasks. I'm practicing it now. After some googling I learned to write few tasks. I'm using tailwind and bulma css in my project.

Here is my setup.

package.json:

...

ANSWER

Answered 2020-Nov-29 at 19:07

After some googling and research, here is how I fixed it.

added gulp-sass by doing npm install gulp-sass and piped gulp-sass in my gulp task.

Here is my final working setup,

package.json:

Source https://stackoverflow.com/questions/65011540

QUESTION

ReferenceError: require is not defined at gulpfile.js

Asked 2020-Oct-01 at 06:47

So, I am new to js development. What I am trying to do is to set up a basic environment to study and to be kind of a bootstrap, with gulp tasks and so on.

I'm stuck in this error thrown in the terminal:

...

ANSWER

Answered 2020-Oct-01 at 04:46

you don't seem to have a gulp run script in your package.json also you want to remove "type": "module" from package.json which is causing the issue with require/esm.

here are my edits to your package.json file

Source https://stackoverflow.com/questions/64148414

QUESTION

Error ReferenceError: regeneratorRuntime is not defined (Chrome Console Error - not during gulp / babel build)

Asked 2020-Jul-16 at 10:18

I have a bit of a strange issue that I'm hoping I can get some help with.

I've got a WordPress theme that I've been developing using a dev setup including gulp & babel. I have a hosting provider with a development environment, and production environment. Up until now, I have had no issues building the theme, uploading it to the dev environment and testing it - it's all been pretty smooth.

Now I'm trying to upload the same theme (I'm talking exactly the same), to the production site, instead of the development site, and I get the following error in the console:

...

ANSWER

Answered 2020-Jul-16 at 10:18

For anyone who stumbles across this issue in the future (probably unlikely).

It turns out the culprit was the CDN being used in our production environment. I figured out that the bundle.js file I was uploading wasn't the same as was being served up in the site, and turned the CDN off which seemed to fix the issue. :/

Source https://stackoverflow.com/questions/62930832

QUESTION

Error in SASS when trying to use @use at-rule

Asked 2020-Jun-12 at 16:53

I am trying to use new features in SCSS. And i get error when I use @use, @debug

Error:

...

ANSWER

Answered 2020-Jun-12 at 16:53

@use is not supported in node-sass yet. You have to use @import instead. Currently only dart-sass supports @use.

Source https://stackoverflow.com/questions/62344152

QUESTION

How to overwrite file and use that file in same gulp task?

Asked 2020-May-09 at 20:10

I don't even know how to explain my problem shortly in title. I want to create task which will follow these steps:

Take Sass File as a source (Ex. src/scss/main.scss)
Sort css properties with 'postcss-sorting'
Overwrite source file to same path (Ex. src/scss/main.scss)
Take sorted scss file and compile to css
Write to css folder (Ex. dist/css)

I try to write this task but when i start to watch scss file changes, task having infinite loop. I tried with 2 different tasks too (one for sort css properties and write file, other one for compile and write) it still looping. I don't want to sort only css properties in css file, i want to sort my scss file too. That is my example code:

...

ANSWER

Answered 2020-May-09 at 20:10

You can use gulp-changed, it will override the file only if there is a change, preventing the infinite loop:

Source https://stackoverflow.com/questions/61699482

Community Discussions, Code Snippets contain sources that include Stack Exchange Network