nuxt-purgecss
Advanced tools
nuxt-purgecss dependency to your projectyarn add --dev nuxt-purgecss # or npm install --save-dev nuxt-purgecss
nuxt-purgecss to the modules section of nuxt.config.{js,ts}export default {
modules: [
// Simple usage
'nuxt-purgecss',
// With options
['nuxt-purgecss', { /* module options */ }],
]
}
:warning: If you are using Nuxt 2, please use version 1 of the module.
Before diving into the individual attributes, please have a look at the default settings of the module.
The defaults will scan all your .vue, .js and .ts files in the common Nuxt folders, as well as checking your nuxt.config.js (or .ts) for used classes.
Furthermore, typical classes (like these needed for transitions, the nuxt link ones or those set when using scoped styles) are whitelisted already.
These settings should be a good foundation for a variety of projects.
Boolean!nuxt.options.dev (Disabled during nuxt dev, enabled otherwise)Enables the module when set to true.
Please read the PurgeCSS docs for information about PurgeCSS-related information.
// nuxt.config.js
export default {
modules: [
'nuxt-purgecss',
]
}
//nuxt.config.js
export default {
modules: [
'nuxt-purgecss',
],
purgecss: {
enabled: true, // Always enable purgecss
safelist: ['my-class'], // Add my-class token to the safelist (e.g. .my-class)
}
}
>>> or ::v-deep syntax. Instead, go for :deep:warning: If you use Nuxt 2, you can't update to v2.x (yet?)
mode anymoredefu. Instead of using functions, write your values as usual and they will be merged.purgecss.enabled, all purgecss configurations can be written directly into the purgecss object.Copyright (c) Alexander Lichter
FAQs
Drop superfluous CSS! A neat PurgeCSS wrapper for Nuxt.js
The npm package nuxt-purgecss receives a total of 13,505 weekly downloads. As such, nuxt-purgecss popularity was classified as popular.
We found that nuxt-purgecss demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Fluent Assertions is facing backlash after dropping the Apache license for a commercial model, leaving users blindsided and questioning contributor rights.
Research
Security News
Socket researchers uncover the risks of a malicious Python package targeting Discord developers.
Security News
The UK is proposing a bold ban on ransomware payments by public entities to disrupt cybercrime, protect critical services, and lead global cybersecurity efforts.