
Research
Security News
The Growing Risk of Malicious Browser Extensions
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
nuxt-build-optimisations
Advanced tools
Instantly speed up your Nuxt.js 2 dev build time.
Nuxt.js is fast but is limited by its webpack build, when your app grows things slow down.
Nuxt build optimisations abstracts the complexities of optimising your Nuxt.js app so anyone can instantly speed up their builds without having to learn webpack. The focus is primarily on the development build, as the optimisations are safer.
Development: :snowman: 2-5x quicker cold starts, :fire: almost instant hot starts (with "risky" profile)
Production: Should be a slight performance improvement depending on profile.
The features are separated by their risk profile, how likely they are to cause issues within your app.
Safe
file-loader
Experimental
Risky
Install using yarn or npm. (Nuxt.js 2.10+ is required)
yarn add nuxt-build-optimisations
Within your nuxt.config.js
add the following.
// nuxt.config.js
buildModules: [
'nuxt-build-optimisations',
],
It's recommended you start with the risky profile and see if it works.
// nuxt.config.js
buildOptimisations: {
profile: 'risky'
},
A lot of the speed improvements are from heavy caching, if you have any issues the first thing you should do is clear your cache.
rm -rf node_modules/.cache
Type: risky
| experimental
| safe
| false
Default: experimental
If you have errors on any mode you should increment down in profiles until you find one that works.
Setting the profile to false will disable the optimisations, useful when you want to measure your build time without optimisations.
Type: boolean
or object
Default: false
When measure is enabled with true (options or environment variable), it will use the speed-measure-webpack-plugin
.
If the measure option is an object it is assumed to be speed-measure-webpack-plugin options.
buildOptimisations: {
measure: {
outputFormat: 'humanVerbose',
granularLoaderData: true,
loaderTopFiles: 10
}
}
You can use an environment variable to enable the measure as well.
package.json
{
"scripts": {
"measure": "export NUXT_MEASURE=true; nuxt dev"
}
}
Note: Some features are disabled with measure on, such as caching.
Type: client
| server
| modern
| all
Default: client
Configure which build will be measured. Note that non-client builds may be buggy and mess with HMR.
buildOptimisations: {
measureMode: 'all'
}
Type: object
Default:
// uses esbuild loader
esbuildLoader: true
// uses esbuild as a minifier
esbuildMinifier: true
// swaps url-loader for file-loader
imageFileLoader: true
// misc webpack optimisations
webpackOptimisations: true
// no polyfilling css in development
postcssNoPolyfills: true
// inject the webpack cache-loader loader
cacheLoader: boolean
// use the hardsource plugin
hardSourcePlugin: boolean
You can disable features if you'd like to skip optimisations.
buildOptimisations: {
features: {
// use url-loader
imageFileLoader: false
}
}
Type: object
or (args) => object
Default:
{
target: 'es2015'
}
See (esbuild-loader)[https://github.com/privatenumber/esbuild-loader].
Type: object
or (args) => object
Default:
{
target: 'es2015'
}
See (esbuild-loader)[https://github.com/privatenumber/esbuild-loader].
FAQs
Nuxt.js v2 module to automatically make your builds faster.
The npm package nuxt-build-optimisations receives a total of 719 weekly downloads. As such, nuxt-build-optimisations popularity was classified as not popular.
We found that nuxt-build-optimisations 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.
Research
Security News
Socket researchers uncover how browser extensions in trusted stores are used to hijack sessions, redirect traffic, and manipulate user behavior.
Research
Security News
An in-depth analysis of credential stealers, crypto drainers, cryptojackers, and clipboard hijackers abusing open source package registries to compromise Web3 development environments.
Security News
pnpm 10.12.1 introduces a global virtual store for faster installs and new options for managing dependencies with version catalogs.