gulp-clean-css | Minify css with clean-css | Style Language library

The Problem

We're building a new application and have opted to go with a GULP and Webpack pipeline for compiling SCSS, Vue 3 and Typescript files. Unfortunately, I've spent the last day looking for an answer to a recursive issue where I fix one problem and it reverts back to the previous problem, fix that problem it reverts to the one I've already fixed and so on.

As part of pulling in vue-loader an initial error is thrown stating vue-template-compiler is a required dependency. Downloading the missing dependency fixes the issue but now a new error is thrown stating a version mismatch with Vue as they both need to be on the same version.

After looking around I'm aware vue-template-compiler was replaced with @vue/compiler-sfc in v3, so naturally I've uninstalled the former and installed the latter. However, it lead me right back to square one where it stated vue-template-compiler needs installing or to specify a compatible compiler via the options.

I've looked at various questions and answers on specifing the compiler in webpack.config but constantly got lead back to stuff I'd viewed.

Attempted Solutions

Vue 3 Problem with Vue Template Webpack for Vue 3 Vue 3 Supporting Typescript

Error One

I want to install a list of packages from a simple text file (yes, package.json is what this was designed for)

my first approach was this:

npm i $(cat builder-dev-packages.txt) -g similar to this: docker rm $(docker ps -a -f status=exited -q)

But I'm still getting that command evaluated as an invalid tag name.

npm ERR! code EINVALIDTAGNAME ": Tags may not have any characters that encodeURIComponent encodes.

Do I need to run through my npm command with a while loop instead of evaluating the output of a cat statement? This script still provides the same error for each line in the txt file.

So the problem I am facing is that some packages in my package.json file required node version greater than 10. So I have nvm package installed to manage node versions and when I do node -v it gives me this: v12.19.0. So if the node version is 12.19.0 then the error shouldn't come but I think this is a global version of node so when I do npm update, this comes up:

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:

New to gulp, everything is installed and it runs properly

gulp --version CLI version: 2.3.0 Local version: 4.0.2

when I change my scss file, nothing at all happens.. gulp is happily running in terminal

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:

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 bought template MaterialPro from wrappixel website. After I got the template package already, I have followed getting started installation from document attached with template as the following:

1. Install Node.js From https://nodejs.org/en/download/
2. Open terminal navigating to material-pro/
3. Install npm: npm install --global npm@latest
4. Install yarn: npm install --global yarn
5. Install gulp: npm install --global gulp-cli
6. Copy gulp: gulp copy

The gulpfile.js inside root template is like 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: