postcss-cli | CLI for postcss -

I'm trying to follow some YT tutorial about Bootstrap 5 with the use of some tools like Sass.

Author of this video in his example at the beginning is testing if his script for compiling Sass code is working.

Here's the screenshot of his work:

screenshot 1

I tried to do the same thing and I got an error saying:

Error: Sass variables aren't allowed in plain CSS.

Here's my code:

The goal is to configure a development environment for Tailwindcss v3 that supports @import and the removal of unused custom CSS classes.

I am not using a bundler. The project depends on just HTML, CSS, and JS i.e. no frameworks. If it's important, I use VS Code.

This is what I've tried.

Project's configuration:

I 've built a react app that runs noermally in dev but when I prod build it the front end fetch requests dont use the proxy I've specified in the package.json file.

fetch request:

I've written a react app with a banch of different urls using component and I'm trying to deploy it using docker. While the main page loads the rest of them don't. When I run npm run build everything works fine so the problem is probably in my Dockerfile. The error I get is 404 Not Found nginx/1.21.4

I'm attempted to develop a new feature for my blog, that is a Markdown editor for writing articles.

I chosed @tailwindcss/typography and markdown-it to do that, so this is my whole dependencies:

Auth.onAuthStateChanged is not a function

I have created a web application with React npx create-react-app my-app)

It is a simple application that shows a list of products from a store, from where the user can add more products. Once finished, I have decided that registration by email is mandatory in order to see the content and be able to add products.

I need it to be mandatory to login to access the application.

Since I don't have a lot of Backend experience, I have used Firebase.

I have read information, I have seen examples and finally I have added the necessary code to my App so that when entering it, it is necessary to enter the email and password. Once I log in, I would enter the main page

I have repeated the steps several times and I always get the same error.

I have looked for examples elsewhere and in this same place, but I cannot solve my problem.

I show my error and some of the files that I create are the cause.

Console Errors:

I have inherited a React application that uses CSS in JS. This is cumbersome as all of the SCSS is written as a string, making it very difficult to work with as no code hinting or formating by the IDE can be done.

I am used to working with web-pack for these kinds of things, but I don't think it is part of the solution as I can't find a reference to it in the package.json file.

I am trying to switch over to SCSS, but am not quite managing. I am using the following tutorial that claims to work without web-pack:

https://medium.com/programming-sage/react-and-sass-setup-no-webpack-no-bs-a813ac56a9b7

Here is a copy of my package.json:

I want to compile SCSS files and use autoprefixer. npm run build compiles the SCSS file to CSS file. Then I can use this finished CSS file for autoprefixer.

But I have a problem with npm run watch (compiling works). I couldn't find an opportunity to let SASS watch for file changes AND redirect the new file content to autoprefixer.

Here is my package.json first:

I have the following package.json however on my environment (windows 10/vs code/vagrant homestead php) compile:development only works if I empty my outputted build.css first, then hit save and trigger the watch. Otherwise the css file never changes. This apparently works on somebody else machine (could be a red herring; trust no-one).