I follow the Tailwind documentation about installing Tailwind using CLI but output.css file has only 424 lines whereas it should have thousands.
I ran into this same issue, here is how I fixed it.
When following the docs I was running the command npx tailwindcss build.... It turns out I should have been using the command npx tailwindcss-cli build.... When running the first command I get an output of 424 lines. When running the second I get an output of several thousand lines.
Ran into the same issue. Feels like they moved it from npx tailwindcss build... to npx tailwindcss-cli build... as #Leithen Crider mentioned above.
Fixed it by using this in my build script: "npx tailwindcss-cli build -i src/style.css -o public/output.css -w"
Related
I've been following Tailwind's tutorials and when. I get to the part of the tutorial where they ask me to run
-npx tailwindcss init,
-Object.fromEntries is not a function
I get the following error. How do I solve this?
I'm trying to learn tailwind css and I got a problem that I don't understand, please help me guys
first run node -v in your terminal to check you have nodejs or not
then run npm init -y to install dependencies'
then run npm install -D tailwindcss
after that run npx tailwindcss init
hopefully after doing this you will be able to process further into your project
The next npx create-next-app#latest asks a bunch of questions. They break our automatic docker pipeline.
How can we automate them?
Right now, we use this command in our Dockerfile:
RUN npx --yes create-next-app site --use-npm
However, it asks two questions:
Would you like to use TypeScript with this project? … No / Yes
Would you like to use ESLint with this project? › No / Yes
How can we provide answer to these questions alonside the npx command?
Taking a look at the source code, if you specify either --js or --ts, you won't be prompted. Similarly, you can specify --eslint or --no-eslint.
I can't figure out how to make a custom build for tom-select.js. In the gruntfile.js I see this:
// build tom-select.custom.js
/* this file is generated by grunt when calling `npm run build -- --plugins=<plugins> */
so should I just list the plugins in the command line after npm run build command with --plugins flag? What is the syntax for this? Thanks!
I just found the answer:
create /build/js/tom-select.custom.js
npm run build -- --plugins=remove_button,restore_on_backspace
Im following the documentation but im stuck right at the npx tailwindcss init
https://tailwindcss.com/docs/installation
Check if your directory is initialized as a node project, i.e. it contains package.json file. If not then do this:
$/> npm init -y
Install tailwindcss as a dev dependency (optional as a dev dependency)
$/> npm i -D tailwindcss
Step : 1
Correct you directory path like this C:\Users\user\Documents\Web Dev\Tailwindcss_AlpineJs\pratice tailwind then try this command npx tailwindcss init
Step : 2
Not working above step : 1 then try this command : npx tailwindcss-cli#latest init -p.
Im using Ubuntu 13.04 (Linux)
I have installed node, and npm. With npm I downloaded less via terminal.
Im using this on my simple HTML/CSS project. pure frontend. its not a Ruby or nodejs project.
And when I do
lessc styles.less styles.css -x -w
in terminal, it compiles and compresses the code, but doesn't watch the file for changes, since Im expecting LESS to auto compile and refresh the page automatically. So, if I do any changes in my styles.less, every-time I have to go to terminal and enter the command to compile the less css.
Also, the compiler does NOT even show any compile errors even if I add anything on purpose, but in that case it doesn't compiles.
Please guide me on how to achieve the above. This is my first day with LESS CSS.
If you type lessc help you will see that there is no argument -w or --watch. What you can do is to use a build system like GruntJS with an extension like grunt-contrib-watch and have that monitor your less files and build the css on change.
I did this with help of #Oil on ubuntu forums.
In terminal,
1. install sudo apt-get install inotify-tools
then simply CD to the css folder.
and run below lines together:
while inotifywait -r styles.less; do
lessc -x styles.less styles.css;
done