postcss-cli | Simple CLI for postcss
kandi X-RAY | postcss-cli Summary
kandi X-RAY | postcss-cli Summary
Simple CLI for postcss
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of postcss-cli
postcss-cli Key Features
postcss-cli Examples and Code Snippets
Community Discussions
Trending Discussions on postcss-cli
QUESTION
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:
ANSWER
Answered 2021-May-22 at 20:53I solved my problem by using a Gruntfile.js. There I use grunt-contrib-watch which is executing sass and autoprefixer everytime my SCSS file is changed.
Here's my package.json
:
QUESTION
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).
...ANSWER
Answered 2021-Apr-08 at 08:36Rewrote the compile scripts as the below to get it to work
QUESTION
i have a basic html file (index.html), my project structure is like below :
- index.html
- tailwind.config.js
- postcss.js
- tailwind.css
- dist.css
and here contents for each files
...ANSWER
Answered 2021-Mar-31 at 03:06You have purge configured to apply to the 'components' layer.
Tailwind has three layers: 'base', 'components', and 'utilities'. Components is the smallest of the three so its impact on the resulting filesize will be fairly minimal. You're hitting 5.7MB because by far the largest layer, 'utilities', is being ignored.
Update your purge configuration to apply to utilities too. Unless there's a good reason to be selective with layers, you probably want to drop any specificity and allow it to apply to all layers.
Furthermore, if you leave out enabled
, it will be handled automatically based on your NODE_ENV
setting.
https://tailwindcss.com/docs/optimizing-for-production#purging-specific-layers
QUESTION
I'm creating a Blazor Mobile app, generated using "dotnet new mobileblazorbindings", and I want an editable title on my page.
I'm using Blazorise.Bootstrap in my app, and I am generating the title with the following line in my Razor file:
...ANSWER
Answered 2021-Jan-22 at 22:42Okay, I've found what the problem was. Ultimately I was looking in the wrong place. It came down to a CSS class ordering problem rather than any sort of build problem.
Remember my input control:
QUESTION
I installed the new tailwindcss version 2.0 and I've got the following error. I tried to uninstall postcss and tailwindcss but it does not work. Need help.
...ANSWER
Answered 2020-Nov-20 at 08:26You're integrating Tailwind with a tool that relies on an older version of PostCSS. You can use this doc https://tailwindcss.com/docs/installation#post-css-7-compatibility-build
QUESTION
I am getting this error whenever I run npm start. I tried a couple of fixes but none of them work for me. I tried to change the version of autoprefixer to 9.8.6 but it didn't work. Please help me with this issue
This is my package.json
...ANSWER
Answered 2020-Sep-25 at 03:56I am not sure about this but can you try installing postcss as a dependency?
QUESTION
I'm developing a svelte+tailwind+PHP site with rollup.js. How can I set a variable in the svelte source files depending on if I'm running npm run dev
or npm run build
? I'd like the different builds to connect to different back-end servers.
This is my package.json in case that's relevant. I'm new to most of these tools, so please bear with me and correct me if I've misunderstood too much. After running npm run build
, I run a script that scp's the build folder to the production server.
ANSWER
Answered 2020-Dec-13 at 12:06You can use @rollup/plugin-replace
:
A Rollup plugin which replaces strings in files while bundling.
QUESTION
I tried to prefix my scss files, I found the autoprefixer but it only works with CSS, is there a method to make it work with scss files.
Autoprefixer commands:
...ANSWER
Answered 2020-Nov-17 at 21:31Autoprefixer can be easily integrated with Sass and Stylus, since it runs after CSS is already compiled.
Reference: https://css-tricks.com/autoprefixer/
This Stack Overflow answer explains how to use Autofixer in Angular and with scss files.
Update: This is the command to run postcss/autoprefixer using scss.
postcss --parser postcss-scss -u autoprefixer --autoprefixer.browsers \"last 2 versions\" -r src/**/*.scss
QUESTION
I want to use Ant Design with Snowpack. I followed the And Design docs and installed antd but whenever I run my application the dependency can't be resolved.
I get the following error message:
...ANSWER
Answered 2020-Oct-14 at 11:05Make sure your antd
is already installed . Try this in snowpack.config.json
:
QUESTION
My compilation process does not work and as I am a beginner I do not know why. Any constructive help is highly appreciated ;).
I have spent like 24 hours to solve the problem without success... I have reinstalled all packages, cleaned cache etc., but nothing has helped.
...ANSWER
Answered 2020-Sep-19 at 01:34I ran into a similar issue - there seems to be some bugs with autoprefixer version 10.0.0.
Downgrade your autoprefixer vesion and your command will run as expected.
Change "autoprefixer": "^10.0.0",
to "autoprefixer": "<10.0.0",
in your package file. This will install the newest version of autoprefixer that is less than version 10.0.0 - reference.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install postcss-cli
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page