nuxt-purgecss | A neat PurgeCSS wrapper for Nuxt.js | Frontend Framework library

by Developmint TypeScript Version: 2.0.0 License: MIT

X-Ray Key Features Code Snippets Community Discussions(3)Vulnerabilities Install Support

kandi X-RAY | nuxt-purgecss Summary

nuxt-purgecss is a TypeScript library typically used in User Interface, Frontend Framework, Vue, Next.js applications. nuxt-purgecss has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js

Support

Quality

Security

License

Reuse

Support

nuxt-purgecss has a low active ecosystem.

It has 443 star(s) with 18 fork(s). There are 5 watchers for this library.

It had no major release in the last 12 months.

There are 5 open issues and 36 have been closed. On average issues are closed in 237 days. There are 12 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of nuxt-purgecss is 2.0.0

Quality

nuxt-purgecss has 0 bugs and 0 code smells.

Security

nuxt-purgecss has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

nuxt-purgecss code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

nuxt-purgecss is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

nuxt-purgecss releases are available to install and integrate.

Installation instructions, examples and code snippets are available.

nuxt-purgecss saves you 22 person hours of effort in developing the same functionality from scratch.

It has 60 lines of code, 0 functions and 22 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi has reviewed nuxt-purgecss and discovered the below as its top functions. This is intended to give you an instant insight into nuxt-purgecss implemented functionality, and help decide if they suit your requirements.

Purge module .

Get all kandi verified functions for this library.

nuxt-purgecss Key Features

No Key Features are available at this moment for nuxt-purgecss.

nuxt-purgecss Examples and Code Snippets

No Code Snippets are available at this moment for nuxt-purgecss.

Community Discussions

Trending Discussions on nuxt-purgecss

Is there a way to reduce nuxt entry point bundle size?

Nuxt deploy with AWS lambda serverless - Internal server error - CouldWatch: Cannot find module 'nuxt-purgecss'

How does NuxtJS css extraction work for generated static websites?

QUESTION

Is there a way to reduce nuxt entry point bundle size?

Asked 2021-Apr-07 at 01:45

After upgrading my nuxt-cli version to 2.15.3 i've notice that pages chunks size was reduced and all node_modules installed packages are now being bundled into the app.js which is getting huge now.

Here below you can see my nuxt.config.js

...

ANSWER

Answered 2021-Apr-02 at 13:26

All the plugins are loaded before the Vue instance is ever created and available globally. One solution would be to load any of those packages in specific components rather than on a global level if you don't need them everywhere.

Not sure what can be optimized beyond this.

Also, from this page: https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-plugins

ssr: false will be adapted to mode: 'client' and deprecated in next major release

So, you should not have any ssr in your plugins array.

Source https://stackoverflow.com/questions/66915768

QUESTION

Nuxt deploy with AWS lambda serverless - Internal server error - CouldWatch: Cannot find module 'nuxt-purgecss'

Asked 2020-May-11 at 22:17

I'm trying to deploy my nuxt app with serverless but get the error "Cannot find module 'nuxt-purgecss'".

Any idea what could be the fix?

Below my nuxt.config.js

...

ANSWER

Answered 2020-May-11 at 22:17

Just needed to move nuxt-purgecss from my devDependencies to my dependencies since it is needed for the build.

Source https://stackoverflow.com/questions/60698968

QUESTION

How does NuxtJS css extraction work for generated static websites?

Asked 2020-Jan-14 at 22:11

I am trying to generate a static website out of my (minimal) code with Nuxt. In that code, I integrate in particular the tailwindcss toolkit as well as vue2-leaflet. Upon

...

ANSWER

Answered 2020-Jan-14 at 22:11

You are using nuxt-purgecss which is using purgecss to strip unused CSS.

purgecss do scan HTML (or vue) files for CSS classes in use and then strip unused classes from final CSS bundle.

You can take a look at default purgecss configuration used by nuxt-purgecss here. The paths lists the paths purgecss will scan for CSS usage.

Because you are not using most of the leaflet css directly (in your components), its is necessary to configure purgecss to don't remove leaflet's css.

You can do that by whitelisting (btw not sure if "comment" method will work in Vue\Nuxt)

You can read more here and here

Not tested!!

Source https://stackoverflow.com/questions/59734096

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install nuxt-purgecss

:warning: If you are using Nuxt < v2.9 you have to install the module as a dependency (No --dev or --save-dev flags) and use modules section in nuxt.config.js instead of buildModules.
Add nuxt-purgecss dependency to your project
Add nuxt-purgecss to the buildModules section of nuxt.config.js

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: