CleanCSS | CSS beautifier and sorter for Sublime text | Code Editor library

i'm totaly new to node.js and code in general. I tried a simple conversion of SCSS to CSS with gulp , my gulpfile.js seems to be correct, somehow when i try to execute "gulp styles" in the node.js command prompt i get this :

`

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:

Iam using gulp CLI version: 2.2.1 Local version: 4.0.2 The node version is 12.16.3 MY code of gulpfile.js is

I've been started using gulp few days ago, and I had to tackle many problems it was very hard to fix errors in a non-compiling languages and their runtime is slow as well.

Unfortunately last problem I've found is very different, it does not give any error but just eats up the file from stream.

To summarize the problem in less words here is the portion of gulpfile.js:

Im trying to converting my scss files to css file using gulp. After writing scss its easily convering to css. Now i want to minify this css and want to save on some other folder, lets say 'min' folder. Inside min folder there are other css files too. Now i want to concatinate those css file to single file and want to save on 'dist' folder. Everything is well performing but while runing gulp. But while using concatinated css file to my html page all css are not coming there. So i have checked my compiled css from scss but latest wring code come there but not in minified and concatinated file. At the end i have noticed that minified and concating performing first and scss compling is at last. So there is lack in final css code. Is there any way to making this right?

I'm building an app in Ionic using Angular/Firebase.

I want to test the app on my android device, which, previously has worked perfectly. However, recently I've not been able to run it as I get an error.

EDIT: Gulp "Watch" doesn't work on windows with a mounted volumes because no "file change" event is sent. My current solution is to run Docker Windows Volume Watcher on my local machine while I see if I can integrate this solution into my code.

I'm trying to run a gulp watch task in my dockerfile and gulp isn't catching when my files are getting changed.

Quick Notes:

• This set up works when I use it for my locally hosted wordpress installs
• The file changes reflect in my docker container according to pycharm's docker service
• Running the "styles" gulp task works, it's just the file watching that does not

It's clear to me that there's some sort of disconnect between how gulp watches for changes, and how Docker is letting that happen.

Github link

**Edit: It looks possible to do what I want, here's a link to someone doing it slightly differently.

gulpfile excerpt:

When running an ionic build I'm curious as to the difference between the --prod and --release flags?

The Ionic build docs state:

--prod Build the application for production
--release Create a Cordova release build

and while the Cordova CLI ref doesn't mention a --prod flag, it states the following for --release:

Perform a release build. This typically translates to release mode for the underlying platform being built.

Looking at the difference in the build output, building with --prod seems to run an Ionic 'production' build, in that it also runs the ngc and uglify (which itself runs cleancss) tasks.

And when I run a build with --release, I seem to get a Cordova release build, which (per the docs) attempts to run a release build on whatever platform you're targeting.

Are those the only differences, or am I over-simplifying?

For reference, note the following output APK filesizes:

• Prod flag: 9.8 MB
• Release flag: 11.7 MB
• Prod + Release flags: 8.9 MB

I'm using the latest (ATTOW) version of the Ionic Framework (3.9.2) and CLI (3.20.0).

So I want to connect browsersync to a site I don't have any control over. Basically I want it to replace a css file on the live site with a css file on my computer (which gets compiled from a bunch of less files). When that local css file is changed then browsersync should inject the css like it normally would. I'm using browsersync with gulp since I also want to have other tasks run.

The code below will open gulpjs.com and correctly match main.css from gulpjs.com and attempt to serve something in it's place. But all I'm getting is a 404 for the main.min.css. It's looking for it here

http://localhost:3000/css/main.min.css

I zipped up the test project (node modules not included) you can download it here - https://www.dropbox.com/s/5x5l6bbxlwthhoo/browsersyncTest.zip?dl=0

Here's what I have so far...