- 版本信息
- v2.12.2
- v2.12.1
- v2.12.0
- v2.11.0
- v2.10.2
- v2.10.1
- v2.10.0
- v2.9.2
- v2.9.1
- v2.9.0
- v2.8.1
- v2.8.0
- v2.7.1
- Fixes
- Dependency Upgrades
- Thanks to
- v2.7.0
- DX Improvements 💅
- Fixes ✔️
- Features 🚀
- Refactors 🧹
- Examples 📚
- Typescript 👷
- Thanks to 🙏
- v2.6.3
- Fixes
- Dependency Upgrades
- v2.6.2
- Fixes
- Security Fixes
- Thanks to our awesome contributors to this release
- v2.6.0
- Migration Guide
- General Tips
- Features
- Fixes
- Refactors
- Examples
- Chore
- Dependency Upgrades
- v2.5.1
- Bug Fixes
- v2.5.0
- What's new?
- [IMPORTANT] Migration Guide
- Features
- Fixes
- Performance Improvements
- Examples
- Refactors
- Chore
- Tests
- v2.4.5
- v2.4.3
- 🐛 Bugfixes
- v2.4.2
- Bugfixes
- v2.4.0
- Important news 👀
- New Features ✨
- Speaking of TypeScript…
- Smart prefetching ⚡️
- HMR & best practices for store/ 👀
- Autocomplete for VS Code (via. Vetur extension) ✅
- Port taken? Nuxt got your back! 💪
- Suggest installing missing dependencies or mismatches 💯
- Auto-detection of modern bundles 🥇
- Plugin modes and file extensions 💅
- Module commands 🖥
- PostCSS in Vue Components 💃
- No more extensions for Stylesheets needed 🦅
- SSR Bundle improvements 🔹
- Other changes 🌔
- Further Patches (30+) 🔍
- v2.3.4
- 🔧 Fixes
- ⚡️ Dependencies
- v2.3.2
- Fixes
- v2.3.1
- 📝 Release Notes
- 🔧 Fixes and Enhancements
- 🎉 New Features
- ⚡️ Dependency Upgrades
- ❄️ Deprecations
- 💄 Internal Refactors
- v2.2.0
- Features
- Fixes
- v2.1.0
- Features
- Fixes
- Misc
- v1.4.5
- v1.4.4
- Patches
版本信息
v2.12.2
Released on 31 March
🐛 Bug Fixes
server
- #7146 HMR for sub-app
serverMiddleware
without path
- #7146 HMR for sub-app
vue-app
- #7139 Sanitize layouts after resolve for
splitChunks.layout
- #7139 Sanitize layouts after resolve for
core
- #7131 Join with os native sep in the resolver
v2.12.1
Released on 25 March
🐛 Bug Fixes
vue-app
- #7129 Avoid multiple
$fetch
calls - #7103 Use
globals.nuxt
for fetch client mixin - #7128 Set default name to layout to avoid multi mounted calls
- #7129 Avoid multiple
builder
- #7097 Ensure entry is in the graph for HMR
🏡 Chore
readme
- #7092 Simplify readme and add gitpod in contributing section
examples
- #7098 Avoid warning with legacy
postcss.config.js
- #7098 Avoid warning with legacy
💖 Thanks to
- Adam (@mercs600)
- Aster (@asterd)
- Sean Hellum (@JesterOrNot)
- @daniluk4000
- @olddeda
v2.12.0
Released on 17 March
🚀 Features
general
- #6950 Support
crossorigin
attribute in SSR script andpreload
tags - #6868 Improve programmatic usage (see docs)
- #7029 Expose webpack config
- #6272 Allow disabling loading-screen
- #6950 Support
webpack
- #6987 Support
@import
using~assets
in css files - #6272 Allow disabling loading-screen
- #6987 Support
vue-app
- #6880 New fetch syntax (see docs)
- #6939 Pass error as param to
nuxt-loading
fail method - #6244 Trigger
watchParam
when param is changed in same route
cli
- #6855 Pass context when
nuxt.config
exports a function
- #6855 Pass context when
👌 DX
builder
- #6924 Analyze mode warning rewording
general
- #6881, #6896 HMR support for server middleware
generator
- #6882 Log message or full error for unhandled error without stack trace
cli
- #6904 Display listening URLs after build
vue-app
- #7032 Improve missing inject value error message
- #6775 Middleware not executing on double browser back navigation
core
- #7079 Better module not found handling
🔥 Performance
vue-renderer
- #6973 Early return
render
when redirect happens - #6846 Don't serialize session when
injectScripts
is false
- #6973 Early return
🐛 Bug Fixes
core
- #7002 Deprecated
render:context
andrender:routeContext
hooks was not being called
- #7002 Deprecated
babel-preset-app
- #7070 TypeError when import cjs in webpack building
vue-app
- #6946 Use child transition name when navigating to parent
- #6854 Add fallback context for errors
- #6803 Resolve leave transition on child routes
- #6807 Move head to the index to avoid global state
webpack
- #6864 Provide global
URL
andURLSearchParams
- #6864 Provide global
💅 Refactors
general
- #6954 Use scope variable memo for modern utils
utils
- #6953 Eliminate side effect from modern utils
📝 Examples
cached-components
- #6997 Remove non-existing link
🏡 Chore
general
- #6816 Simplifies Code Contributions & Reviews
ci
- #6857 Support Github actions
👓 Tests
general
- Fix socket-hang-up test
- Separate dev and unit test
- Avoid unexpected outside stderr assertion count
- Fix uncompressed resource size
- Wrap error test with consola to make output clear
💖 Thanks to
- 404-NOTFOUND (@404-NF)
- HG (@husayt)
- James George (@jamesgeorge007)
- Jason Poindexter (@jsonpoindexter)
- Mark Honeychurch (@markhoney)
- Matteo Rigon (@matteo-rigon)
- Sand Of Vega (@sandofvega)
- Sean Hellum (@JesterOrNot)
- Vladlen (@negezor)
- @wppd
v2.11.0
Released on 17 December 2019
🐛 Bug Fixes
utils
- #6777 Add catch statement to non function block in
serializeFunction
- #6791 Fix
flatRoutes
regex for nested routes with trailing slash enabled
- #6777 Add catch statement to non function block in
vue-app
- #6658 Pass router mode to
getLocation
- #6683 Apply path-to-regexp options to
tokensToFunction
- #6650 Layout in
error.vue
not work for Vue.extend component - #6623 Add
prefetched
class to<nuxt-link>
after chunk loaded
- #6658 Pass router mode to
general
- #6685
context.route
issue in plugins andsplitChunks.pages === false
- #6590 Collapsed SSR log
- #6685
webpack
- #6495 Enable devtool for dev mode
- #6566 Normalize devtool for terser compatibility
config
- #6583 Typo in
unsafeInlineCompatibility
name
- #6583 Typo in
🚀 Features
vue-app
- #6722 Upgrade
vue-router
to3.1.x
- #6722 Upgrade
general
- #6149 Optionally strip non-client or non-server code
vue-renderer
- #6505 Support evaluation in templates
config
- #6597 Add
ignoreOptions
fornode-ignore
- #6597 Add
💅 Refactors
server
- #6771 Only append not empty allowed sources to csp
🔥 Performance
webpack
- #6632 Prefer using
contenthash
- #6632 Prefer using
📝 Examples
with-sockets
- #6586 Fix cannot read property 'app' of undefined on nuxt build
🏡 Chore
general
- #6732 Update
@nuxtjs/eslint-config
to v2 and fix lint errors - #6686 Fix typo in middleware readme
- #6649 Limit stale bot to only issues
- #6637 Remove unused dependencies
- #6630 Use
.github/config.yml
for issue template
- #6732 Update
docs
- #6719 Update code-of-conduct
ci
- #6739 Remove coverage collection in fixtures
- #6747 Use LTS Node.js instead of latest
- #6737 Separate dev test and unit test
github
- #6657 Add chinese translation for issue template
👓 Tests
general
- #6752 Pass array to allowedSources
- #6740 Use
got
instead ofrequest
- #6638 Fix chrome detection in macOS Catalina
- #6596 SSR log
💖 Thanks to
- Ahad Birang (@farnabaz)
- Cain Hall (@cain)
- Daniel Roe (@danielroe)
- Dennis Herzberg (@dennis47528)
- Harry Trần (@jetaimefrc)
- Mohammad M. Shahbazi (@mshahbazi)
- @PedroD
- Stephan Besser (@reskume)
- Rafał Chłodnicki (@rchl)
- Vanessa A (@Vinesse)
- @crutch12
v2.10.2
Released on 21 October 2019
🐛 Bug Fixes
webpack
- #6495 Enable devtool for dev mode
- #6566 Normalize devtool for terser compatibility
config
- #6583 Typo in
unsafeInlineCompatibility
name
- #6583 Typo in
vue-app
- #6590 Fix collapsed SSR log
📝 Examples
with-sockets
- #6586 Fix cannot read property 'app' of undefined on nuxt build
💖 Thanks to
- @PedroD
- Stephan Besser (@reskume)
v2.10.1
Released on 11 October 2019
🐞 Fixes
vue-app, webpack
- #6504 Remove consola from client
utils
- #6515 Fix error when
router.trailingSlash
isfalse
- #6515 Fix error when
generator
- #6362 Remove trailing slash when no subFolders are used
webpack
- #6520
chunkhash
andcontenthash
not work withextractCSS
- #6520
cli
- #6525 Enable server for
nuxt build
when pages should be generated
- #6525 Enable server for
🏡 Chore
readme
- #6511 Remove deprecated starter template
⚓ Dependency Upgrades
vue-meta
: Upgraded tov2.3
which fixes duplicated tags in SPA mode
💖 Thanks to
- Dennis Herzberg (@dennis47528)
- Yuki Terashima (@y-temp4)
v2.10.0
Released on 2 October 2019
🌟Highlights
- Support for improved typescript runtime
- Experimental support for feature toggling for SUPER slim builds!
- Mitigate problems with nuxt server stocking during development
- Fix issues with internet-explorer in development mode
- Upgrade to terser webpack plugin v2
- Improved stability of
loading-screen
. No more endless loops (nuxt/loading-screen#44) and show fatal errors (nuxt/loading-screen#45) for the initial build
🐛 Bug Fixes
core
- #6490 Clear resolver cache for project files dev mode
vue-app
- #6479 Error page layout not correctly applied in client-side rendering
- #6473 Pass
vm
as arg to supportdata()
with arrow function - #6433 Fix
asyncData
hydration whenfeatures.transition
isfalse
- #6430 Clear idle callback
- #6217 Prevent looping on error during render of error page
webpack
- #6298 Fix
consola
IE compatibility - Revert
pause/resume
- #6460 Correct sass options for
sass-loader@8
- #6448 Don't push to
compilersWatching
in callback
- #6298 Fix
cli
- #6441 Server should not be initialized in nuxt build
babel-preset-app
- #6435 Use loose mode for babel class plugin
vue-renderer
- #6429 Dont mutate
options.head
- #6429 Dont mutate
config
- #6371 Enable total timing by default when
server.timing
is enabled
- #6371 Enable total timing by default when
config, vue-app
- #6379 Add module declaration for
config
andvue-app
- #6379 Add module declaration for
🚀 Features
cli, config
- #6399
cli.bannerColor
option
- #6399
config
- #6414
serverMiddleware
as a simple key/value object
- #6414
builder
- #6368
followSymlinks
option to allow for symlinks - #6285
extendPlugins
option andbuilder:extendPlugins
hook - #6329 Add
builder:prepared
hook - #6342 Support adding custom middleware
- #6368
cli
- #6475 Catch build errors with
cli:buildError
hook
- #6475 Catch build errors with
webpack
- #6477 Use
vue-meta
browser build for client bundle - #6398 Upgrade
terser-webpack-plugin
tov2
- #6350 Add
webpack:config
hook
- #6477 Use
server
- #6438 Add config option to define
etag
hash function
- #6438 Add config option to define
vue-app
- #6292 Add
prefetch
prop to<nuxt-link>
- #6287 Support configurable features
- #6297 Function watchQuery
- #6292 Add
general
- #6432 Support setting (non-essential)
vue-meta
options by user
- #6432 Support setting (non-essential)
utils
- #6277 Export sort routes
builder, router
- #6331 Enforce uniform trailing slash handling
💅 Refactors
cli
- #6353 Call setup hook in run command with more args
builder
- #6352 Await
build.createRoutes
to allow async functions inside it
- #6352 Await
babel-preset-app
- #6087 Simplify babel preset config
📝 Examples
with-sockets
- #6396 Create server inside the export function
🏡 Chore
general
- Fix example in
babel-preset-app
readme - #6390 Lint
vue-app
templates - #6363 Rename setup hook to
run:before
- Fix example in
💖 Thanks to
- Louis-Marie Michelin (@lmichelin)
- Daniel Roe (@danielroe)
- Snir Shechter (@SnirShechter)
- @radimhornicek
- @xxRockOnxx
v2.9.2
Released on 28 August 2019
🐛 Bug Fixes
general
- #6257 Improve watching experience for generated files
builder
- #6283 fix(builder): apply overrides from app dir only
server
- #6265 Treat
https: null
ashttps: undefined
- #6265 Treat
nuxt-start
- #6267 Add missing
vue-client-only
dependency
- #6267 Add missing
vue-app
- #6264 Only overwrite leave listener when none provided or without done arg
- #6255 Enforce default css when used with frameworks
config
- #6258 Provide typescript backward compatibility
💅 Refactors
core
- #6271 Use hable
v2.9.1
Released on 20 August 2019
🐛 Bug Fixes
vue-app
- #6252 Provide typescript backward compatibility
loading-screen
- nuxt/loading-screen#38 set
Content-Type
for index page
- nuxt/loading-screen#38 set
📝 Examples
CoffeeScript
- #6248 Update module for using
additionalExtensions
- #6248 Update module for using
💖 Thanks to
- Artyom Bogomolov (@DevArtyom)
- Rafał Chłodnicki (@rchl)
v2.9.0
Released on 20 August 2019
⚠️ Important Notes
- 👉 Minimum required node version is
8.9.0
- 👉 Typescript support is now externalized. Refer to official docs and migration guide.
- 👉
vue-meta
upgraded to 2.0.0. Please refer to the changelog to review notable changes. - 👉
scrollBehavior
option is deprecated in favor ofapp/router.scrollBehavior.js
(#6055) - 👉
devModules
option is deprecated in favor ofbuildModules
(#6203)
🐛 Bug Fixes
general
- #6118 Fix
modulepreload
warnings - #6075 Throw error when building failed in quiet mode
- #6070 Support babel corejs config for modern mode
- #6021 Babel polyfill can not be disabled
- #6118 Fix
renderer
- #6033 Correctly load
nomodule
scripts in safari 10
- #6033 Correctly load
cli
- #6020 Prevent both
nuxt
&nuxt-edge
being installed
- #6020 Prevent both
vue-app
- #6012 Emit
triggerScroll
to support hash navigation - #5920 Fix font-size and make width bigger
- #5891 Always finish
transition.leave
asynchronously - #5890 Fix position of the build indicator when page scrolled
- #6012 Emit
vue-renderer
- #6223 Call
render:resourcesLoaded
hook beforecreateRenderer
- #5964 Clone SPA meta to prevent cache modification
- #6223 Call
webpack
- #5906 Extract css breaks hmr and source-maps
🚀 Features
cli
- #6206 Export options
server
- #6178 Allow passing
loadingTimeout
and other arguments torenderAndGetWindow
- #6178 Allow passing
webpack
- #6120 Allow function entries for
build.transpile
- #6120 Allow function entries for
vue-app
- #6194 Add
$nuxt.refresh
- #6186 Use EventSource instead of WebSocket for build indicator
- #6055 Support
app/router.scrollBehavior.js
and deprecatescrollBehavior
- #5941 Add
<client-only
> alias for<no-ssr>
- #5844 Allow customizing loading indicator
- #6194 Add
$nuxt.refresh()
method or refresh the actual pageasyncData
andfetch
- #6231 Export router options
- #6222 Support functional
watchQuery
- #6194 Add
vue-renderer
- #5975 Add csp option for csp v1 compatibility
- #6134 Support prepend/append body tags during ssr for all allowed tag types
typescript
- #5858 Externalize typescript support
💅 Refactors
config
- #6203 Rename
devModules
tobuildModules
- #6203 Rename
babel-preset-app
- #6197 Remove
babel-plugin-dynamic-import-node
- #6197 Remove
webpack
- #6179 Simplify transpile normalization
general
- Refactor to adhere to @nuxt/eslint-config v1
🏡 Chore
general
- #6065 Fix typo
- #5990 Inverse wording of error message
- #5910 Update opencollective infos
- #5869 Rename backers -> nuxters
babel-preset-app
- #5897 Fix typo in babel-preset readme
⚓ Dependency Upgrades
- file-loader@4
- url-loader@2
- cache-loader@4
- css-loader@3
- vue-meta@2
- fs-extra@8
💖 Thanks to
- 719media (@719media)
- Anthony Fu (@antfu)
- Farzad Soltani (@farzadso)
- François Hodierne (@znarf)
- Josh Deltener (@hecktarzuli)
- Rafał Chłodnicki (@rchl)
- Ricardo Gobbo de Souza (@ricardogobbosouza)
- Ustun Ozgur (@ustun)
- William Chong (@williamchong007)
- bluelovers (@bluelovers)
- orblazer (@orblazer)
- yutanoma (@yutanoma)
- Dzmitry Bachko (@dbachko)
v2.8.1
Released on 4 June 2019
🐛 Bug Fixes
vue-renderer
- #5867 Fix exception on property access of undefined object
- #5863 Prevent "can't set headers after they are sent" error in modern server mode
vue-app
- #5864 Reduce consola direct access and don't override browser
console.log
- #5864 Reduce consola direct access and don't override browser
cli
- #5865 Don't mutate options export to prevent ESM regression with nuxt.config in mixed (cjs + esm) mode (TIP: never mix them as is non-standard and may be unsupported in any future version)
💅 Refactors
typescript
- #5854 Prepare for external typescript support
💖 Thanks to
- Rafał Chłodnicki (@rchl)
v2.8.0
Released on 30 May 2019
😎 Developer Experience
- #5770 Add a group for SSR logs to avoid polluting the browser console
- #5810 Fancier browser logs with consola
- #5820, #5832, #5834 Show build indicator in the browser when rebuilding code:
- #5753 Watch for
pages/
creation when default page displayed - #5812 Only listen for file changes for supported extensions
- #5753 Re-use the same port when randomly assigned when restarting in dev mode
🐛 Bug Fixes
vue-renderer
- #5807 Add
User-Agent
toVary
header in modern server mode - #5764 Safe format SSR logs
- #5807 Add
server
- #5793 Preserve random port when restarting
- Return listener when calling listen
builder
- #5753 Watch for
pages/
creation when default page displayed - #2812 Only listen for file changes for supported extensions
- #5753 Watch for
generator
- #5791 Minify spa fallback
types
- #5785 Add type definition for functional
babel.presets
- #5785 Add type definition for functional
vue-app
- #5757 Reuse page component with
watchQuery
- #5746 Remove trailing slash in vue-router non-strict mode
- #5752 Don't attach catch handler to already loaded component
- #5824
fixPrepatch
in-out transition fix (issue #5797)
- #5757 Reuse page component with
utils
- #5754 Handle
serializeFunction
edge case
- #5754 Handle
🚀 Features
vue-renderer
- #5745 Add
render.injectScripts
option - #5784 Support
render.ssrLog
for controlling SSR logs
- #5745 Add
💅 Refactors
core
- #5796 Use
require.resolve
instead ofModule
internals
- #5796 Use
builder
- #5792 Pass nuxt options to template as
nuxtOptions
- #5792 Pass nuxt options to template as
vue-app
- #5770 Add a group for SSR logs
- #5826 simplify mount error log
general
- #5748 Small readability improvements
📝 Examples
auth-jwt
- #5775 Use named store export to prevent warning
typescript
- #5742 Add missing ts-node dependency
🏡 Chore
ci
- #5802 Upload test report to CircleCI and Azure
- Add flags for codecov
- Enable audit
general
- Remove unused dependency cross-env
- Add FUNDING.md
- Improve links in readme
♻️ Tests
general
- #5790 Add unit tests for
core/resolver.js
- #5782 Remove duplicate unit tests in
packages/core/test/resolver
- #5790 Add unit tests for
⚓ Dependency upgrades
💖 Thanks to
- @aaronransley
- @alexandreDavid
- @Elevista
- @utatti
- @rchl
- @maunier
- @cuixiaorui
- @Globegitter
v2.7.1
Released on 14 May 2019
Fixes
- builder: use warn only for mismatched dependencies (#5723)
- webpack: correctly resolve consola for the client bundle (#5729)
Dependency Upgrades
- postcss-import-resolver: prefer
style
property when resolving (jsless/postcss-import-resolver#2)
Thanks to
- Blake Kostner (@btkostner)
v2.7.0
Released on 14 May 2019
DX Improvements 💅
SSR logs in your browser 🖥️
We all know the console.log
debugging method, but when working with universal applications, you have to remember that sometimes, your logs are in your terminal and not in your browser console.
This can be really annoying when developing a Nuxt.js application, starting with this version and running nuxt dev
, the ssr logs are now reported to your browser console:
Detecting store/ creation 👀
Nuxt.js now detects when you created a store/
directory and will reload himself auto-magically so you don't have to restart it anymore.
PS: We also improved the serverMiddleware
watch to restart Nuxt.js and clean their cache
Fixes ✔️
- builder: corretly detect mode of hashed plugins (#5695)
- builder: call
watch:restart
afterwatch:fileChanged
hook (#5620) - utils: node v8 not support dotAll in regex (#5608)
- vue-app: properly catch component loading error (#5687) (#5688) (#5690)
- vue-app: consider
watchQuery
option inrouterViewKey
(#5516) - vue-renderer: await on
spa:templateParams
hook (#5619) - webpack: set log level to warn for
HardSourcePlugin
(#5653) - vue-app: properly catch loading error in component prefetching (#5688) (#5690)
- vue-app: avoid using aliases in templates (#5656)
- builder: watch store dir and
serverMiddleware
paths (#5681)
Features 🚀
- vue-app: rename
transition
topageTransition
and deprecate it (#5558) - vue-renderer/vue-app: report SSR console logs to the browser with consola (#5673)
- webpack: suppress not found typescript warnings (#5635)
- webpack: extendable
babel.presets
and babelenvName
(#5637) - configurable aliases (#5655)
Refactors 🧹
- server: exclude dist files request from browser detection (#5571)
- vue-renderer: remove chalk in renderer (#5609)
- vue-renderer: split renderer into ssr, spa and modern (#5559)
- move modern detection from server to utils (#5584)
Examples 📚
- auth-routes: fix typo (#5651)
- babel-preset-app: add
core-js@3
example in the readme (#5633) - docker: fix Dockerfile casing (#5705)
Typescript 👷
Only for typescript users, Nuxt.js v2.7 dropped support for node < 8.6 relate to ts-loader v6
- add babel config types (#5666)
- upgrade ts-loader to v6 (#5691)
- fix
context.app
type (#5701) - fix
extendRoutes
method type (#5700) - prevent
ts-node
to register twice (#5699)
Thanks to 🙏
- Christian Lehr (@clehr)
- Hyunje Jun (@utatti)
- Rafał Chłodnicki (@rchl)
- Yama-Tomo (@Yama-Tomo)
- René Stalder (@renestalder)
- Kohei Ota (@inductor)
v2.6.3
Released on 25 April 2019
Fixes
- cli: Watch and reload
nuxt.config
(#5574) - utils: serialize inline functions (#5051) (#5580)
- vue-app: Fix context
req
andres
types (#5560) - webpack: Fix production font preloading (#5436)
- Don't customize esm options (91c3642e64166a939683b856e5b34ef42d12bb0e)
Dependency Upgrades
v2.6.2
Released on 21 April 2019
Fixes
- cli: Apply
nuxt.config.js
changes and watch for all imported files (#5500) - cli: Fix problem for users that have
tsconfig.json
but do not use typescript (#5478) - cli: Show memory usage after build for
nuxt dev
(#5514) - server Fix bug with SPA mode with CSP enabled (#5474)
- vue-renderer: Use
modulepreload
for modern mode when using spa generate (#5489) - webpack: Suggest using official
@nuxtjs/style-resources
package (#5499) - Custom
router.base
support for banner url and loading screen (#5470) (nuxt/loading-screen#8)
Security Fixes
- Prevent potential XSS vulnerabiliy when using
vuex-router-sync
(nuxt/devalue#8) (vuejs/vuex-router-sync#89)
Thanks to our awesome contributors to this release
- Damian Stasik (@visualfanatic)
- Andreas Zoellner (@zoellner)
- Vasyl Boroviak (@koresar)
v2.6.0
Released on 4 April 2019
Migration Guide
This version is addressing most of the problems of 2.5 and is without any breaking changes. For most of the users, a normal version upgrade would be enough. However, reading this guide can help to have a smooth upgrade.
General Tips
- Using yarn as the package manager is more preferred as Nuxt is internally being tested against yarn
- Before upgrade ensure to remove
yarn.lock
,package-lock.json
andnode_modules
- After full install and testing, also consider upgrading other dependencies. The
yarn outdated
command can be used.
Missing App Dependencies
Because of how package managers (yarn, npm) work, a wrong version of a dependency from one of the other dependencies may be hoisted into node_modules
. Nuxt is strict about this and provides instructions for dependency resolution so please follow it.
The well-known problem is with firebase
package that requires to manually install node-fetch
dependency in your project.
Reverting breaking changes
We accidentially introduced a change that broke the prod build for many people who are using Nuxt programatically. This has been resolved through #5413. Sorry for the inconveniences!
Core-js
Since core-js@2
and core-js@3
are both supported from babel 7.4.0, Starting from 2.6 Nuxt supports both versions (#5411). It is highly advised to stick with 2 (default) unless having a special dependency that needs 3. (Instructions for core-js@2
are not required but recommended)
core-js@2
- yarn:
yarn add -D core-js@2 @babel/runtime-corejs2
- npm:
npm i -D core-js@2 @babel/runtime-corejs2
core-js@3
- yarn:
yarn add -D core-js@3 @babel/runtime-corejs3
- npm:
npm i -D core-js@3 @babel/runtime-corejs3
Edit nuxt.config.js
:
export default {
build: {
babel: {
presets({ isServer }) {
return [
[
require.resolve('@nuxt/babel-preset-app'),
// require.resolve('@nuxt/babel-preset-app-edge'), // For nuxt-edge users
{
buildTarget: isServer ? 'server' : 'client',
corejs: { version: 3 }
}
]
]
}
}
}
}
Typescript
Nuxt 2.5 users may only require to add ts-node
to the dependencies
Beta Testers : Replace
nuxt
bynuxt-edge
, and@nuxt/typescript
by@nuxt/typescript-edge
in the following instructions.
- Remove
nuxt-ts
dependency (2.4 users only)- yarn:
yarn remove nuxt-ts
- npm:
npm remove nuxt-ts
- yarn:
- Add
nuxt
andts-node
todependencies
:- yarn:
yarn add nuxt ts-node
- npm:
npm i nuxt ts-node
- yarn:
- Add
@nuxt/typescript
todevDependencies
:- yarn:
yarn add -D @nuxt/typescript
- npm:
npm i -D @nuxt/typescript
- yarn:
- Create an empty
tsconfig.json
file. Nuxt will automatically generate it with defaults at first run, then you can edit it to fit your needs
Features
- feat(babel-preset-app): support specifying core-js version (#5411) (Xin Du (Clark)) (159123fe)
- feat(cli): add internal _generate and _build options (#5434) (Pooya Parsa) (516aea3d)
- feat(cli): add
—quiet
option tonuxt generate
command (#5357) (Franck Abgrall) (91f4eb04) - feat(typescript): detect typescript based on
tsconfig.json
(#5412) (Pooya Parsa) (6ffc5c57) - feat(vue-renderer): add csp meta tags (#5354) (James George) (b978a376)
Fixes
- fix: unexpected token export in importing babel runtime helper (#5401) (ryota yamamoto) (3b85dd97)
- fix(core): call ready to prevent breaking changes (Pooya Parsa) (#5413) (001ba775)
- fix(build): disable loading
babel.config.js
by default (#5365) (Xin Du (Clark)) (64fa4244) - fix(builder): await for renderer to load resources (#5341) (Pooya Parsa) (caf51984)
- fix(cli): catch all possible errors thrown from proper-filelock (#5347) (Pim) (39bbe46e)
- fix(renderer): retry render if renderer is in loading or created state (#5417) (Pooya Parsa) (8b996959)
- fix(vue-app): decode uri in
getlocation
(#5337) (Johan Roxendal) (77dcfe6e) - fix(vue-app): prevent mounting page twice on redirect (#5361) (noe132) (2d73e8ae)
- fix(vue-renderer): add the csp hash if
unsafe-inline
hasn't been specified (#5387) (Sam Bowler) (97db6a4b) - fix(types): add type definition for typescript.typeCheck (#5326) (Daniel Roe) (2c1444d9)
Refactors
- refactor(typescript): only generate tsconfig.json if missing (#5356) (#5367) (Kevin Marrec) (9a3fc8a4)
- refactor(vue-renderer): improve ready status error (#5339) (Pooya Parsa) (535327c4)
- refactor(webpack): add ability to get webpack config class (#5378) (Damian Stasik) (abf7db1f)
Examples
- examples: add docker example (#5430) (Utkarsh Gupta) (3eec1152)
- examples(vue-apollo): update to @nuxtjs/apollo 4.x (#5345) (Dmitry Molotkov) (95f2a125)
- examples(with-buefy): update example (#5348) (Dmitry Molotkov) (ce66a8cb)
- examples(with-element-ui): fix package scripts (#5349) (Dmitry Molotkov) (10812e30)
Chore
- chore(postcss): deprecate config support (#5419) (Alexander Lichter) (1bd4fb14)
- chore(readme): fix grammar (#5395) (Irvin Lin) (f8d3626c)
Dependency Upgrades
- loading-screen: use wss for https (nuxt/loading-screen#4)
- loading-screen: fallback to fetch if ws fails (nuxt/loading-screen#6)
- node-proper-lockfile: fix mtime precision on some filesystems (#88) (f266158)
v2.5.1
Released on 21 March 2019
Bug Fixes
- fix: revert to corejs@2 (#5317) (Pooya Parsa) (20836d93)
- fix: remove consola.debug for hooks (#5318) (Thomas Reichling) (9ff01f9b)
- fix: apply default lock options before setting lock (#5320) (Pim) (7c24280a)
- fix(ts): wrong export used in render.d.ts (#5309) (Romain Lanz) (e67b2982)
- examples: upgrade and fix typescript configuration files (#5310) (Romain Lanz) (7100a2c6)
- chore: unsupport nuxt-legacy (pooya parsa) (797a4ce6)
v2.5.0
Released on 21 March 2019
15,000 line changes with 230 squashed commits by more than 30 contributors made this version possible! :heart:
What's new?
Typescript DX
No longer needed to install nuxt-ts
for typescript support. Nuxt.js officially supports TS by installing @nuxt/typescript
. Please see #5079 for reasons behind such migration.
Babel
Babel 7.4, Core-js v3, and Object.assign
polyfill for better browser support.
Stability
More than 30 fixes, refactors and performance improvements.
Open in Browser
Use nuxt dev -o
to instantly open project in the browser and enjoy a cool loading screen:
.nuxtignore
Before v2.5, you were able to ignore files through an ignore prefix. As using the prefix over and over, ignoring files (and implementing custom structures) was a bit tedious on the long run. We came up with something more sophisticated: A .nuxtignore
file. Following the same specs as a .eslintignore
or a .gitignore
file, you can now define what files or folders to ignore through a .nuxtignore
file in your project root.
Examples and more info in the .nuxtignore docs
[IMPORTANT] Migration Guide
Lock Files
For a clean upgrade, please remove yarn.lock
/ package-lock.json
file from your project before upgrade.
Programmatic API / Middleware
If not already done, please explicitly call nuxt.ready()
after new Nuxt()
. nuxt.ready()
was always async
, but not awaiting the function call has now a severe impact.
const nuxt = new Nuxt(config)
++ await nuxt.ready()
TypeScript
- Please replace
nuxt-ts
dependency and usenuxt
+@nuxt/typescript
. (Alsonuxt-ts-edge
tonuxt-edge
+@nuxt/typescript-edge
for edge users)
{
-- "nuxt-ts": "^2.4.2"
++ "@nuxt/typescript": "^2.5.0"
++ "nuxt": "^2.5.0"
}
- Configuration API to customize/disable type checking has been moved from
build.useForkTsChecker
tobuild.typescript.typeCheck
. Please see #5079 for more details.
build: {
-- useForkTsChecker: false // or ForkTsChecker options
++ typescript : {
++ typeCheck: false // or ForkTsChecker options
++ }
}
Features
- feat(babel): include
es6.object.assign
by default (Clark Du) (52fe145a) - feat(cli): lock project during build or generate (#4985) (Pim) (4e51723e)
- feat(cli): option to open the project in the browser (#4930) (Ricardo Gobbo de Souza) (4c7bd9c5)
- feat(generate): return non-zero code or page error (fixes #4991) (#5195) (Jarek Lipski) (c6565c97)
- feat(module): support src as a function in addModule (#4956) (Ricardo Gobbo de Souza) (1e9eb4b7)
- feat: support
.nuxtignore
(#4647) (Xin Du (Clark)) (59be77a2) - feat: support
devModules
option (#5102) (Jonas Galvez) (e87711c5) - feat(ts): nuxt configuration typedefs (#4854) (Kevin Marrec) (92f81e01)
- feat(vue-app): universal fetch (#5028) (Pooya Parsa) (2015140d)
- feat(vue-renderer): improvements (#4722) (Pooya Parsa) (29297160)
- feat(vue-renderer): use async fs (#5186) (Pooya Parsa) (d07aefa5)
- feat(ts): better DX for typescript support (#5079) (Kevin Marrec) (920f444b)
- feat: loading screen (#5251) (Sébastien Chopin, Pooya Parsa) (ef41e205)
- feat: support core-js 3 (#5291) (Xin Du (Clark)) (d094c4a9)
Fixes
- fix(builder, vue-app): order of plugin execution based on order in array (#5163) (Dmitry Molotkov) (a867dbd3)
- fix: correct public path in generation and start (#5202) (Xin Du (Clark)) (648062c3)
- fix: default for-exit to false to prevent dev exit (pooya parsa) (a347ef9b)
- fix: disable "analyze" for nuxt generate (#4975) (Alexander Lichter) (574a2eb2)
- fix: disable parallel build when extractCSS is enabled (Clark Du) (aad46ed6)
- fix: extra properties in templateFiles (#4925) (Xin Du (Clark)) (ca191240)
- fix: fix non standard esm modifications (pooya parsa) (fb87a559)
- fix: generate failure (#5007) (Andrey Shertsinger) (bcd672f9)
- fix: keep-alive component data should not be updated (#5188) (Xin Du (Clark)) (1ea86617)
- fix: not send Server-Timing header if no timing info (Clark Du) (d9a0b5f6)
- fix(postcss): default to preset-env and cssnano last (#5215) (Alexander Lichter) (adf423a5)
- fix: publicPath is not reactive in dev restarting (#5227) (Xin Du (Clark)) (1fb7538d)
- fix: refactor file watchers (chokidar/linux workaround) (#4950) (Pim) (5ec5932b)
- fix: remove cache-loader for external resources (#4915) (Xin Du (Clark)) (0223e56d)
- fix: respect namespaced in store module (#5189) (Xin Du (Clark)) (9e1ef888)
- fix: revert templatFiles name (#4924) (Xin Du (Clark)) (f70645e5)
- fix: trailing comma in tsconfig (#5061) (Sergey Vikulov) (1fb44d94)
- fix(ts): deprecate
isClient
,isServer
,isStatic
(#5211) (Daniel Hritzkiv) (29c3c425) - fix(types): reflect chainlable NuxtLoading methods (#5104) (Matjaž Lipuš) (66273f4b)
- fix: Unexpected token …. Expected a property name in Safari (Clark Du) (eef7f695)
- fix(vua-app): clone mount error to prevent mutating read-only error object (#5214) (Alexander Lichter) (37006f62)
- fix(vue-app): avoid css chunk error (#5173) (Yutaka Sasaki) (41028a40)
- fix(webpack): clone
config.entry
(fixes #4849) (#5236) (Julien Dargelos) (82167651) - fix: disable extract-css-chunks-webpack-plugin in dev mode (#4888) (Xin Du (Clark)) (928a230f)
- fix(server): handle decodeURI error (#5243) (phof) (5b7f6d78)
- fix: correct socket address in use error message (Clark Du) (2eb19653)
- fix(utils): relax lock settings (#5280) (Pim) (65a431d6)
- fix(vue-app): multiple named views cause invalid syntax (#5262) (Michael Leaney) (d03a61b0)
- fix(webpack): loaders in extend config is broken (#5292) (Xin Du (Clark)) (0eb5ed97)
- fix(vue-app): duplicated router.base when using context.redirect(object) (#5290) (Nianyong) (cf02e822)
- fix(vue-app): decode router base to support unicode characters (#5297) (Alexander Lichter) (3ac01df4)
Performance Improvements
- perf: await routeData promises in parallel (#5027) (Alexander Lichter) (0826d7e5)
- perf(core): skip esm for node_modules and non .js files (#5220) (Pooya Parsa) (aabb1f69)
- perf(webpack): use
futureEmitAssets
(#5003) (Alexander Lichter) (3997d504) - perf(ts): transpileOnly when using
nuxt-ts start
(#4906) (Kevin Marrec) (17cc12f0)
Examples
- examples(jest-puppeteer): fix package .json (#4997) (Andrew Cravenho) (dfc8dd57)
- examples: improve vuex store example (#5017) (Alexander Lichter) (a9511e58)
- examples(pug): fix example by adding plain-pug-loader (#5223) (Paul Geisler) (320a46fe)
- examples(vuex-store): change to module store (#4923) (Alexander Lichter) (be41ae1c)
- examples: add pug-stylus-coffee (#4927) (chiboreache) (6d059698)
- examples: add tsx example (#4855) (andoshin11) (5101dc6a)
- examples: fix jest test dependencies (#5155) (Dmitry Molotkov) (1c3761a6)
- examples: fix links to vue-meta repo (#5018) (Pim) (06f4762e)
- examples: rebase on latest stable nuxt version (#4874) (Alexander Lichter) (47898fbd)
- examples: zero-downtime pm2 typescript example (#4907) (Dmytro) (1fb9af33)
- examples: fix dynamic components example (#5294) (Dmitry Molotkov) (d9db45c2)
Refactors
- refactor: generate routes and template files in builder (#4883) (Xin Du (Clark)) (4c5a59e1)
- refactor: improve modern middleware and spa modern rendering (#5037) (Xin Du (Clark)) (05299d67)
- refactor: isModernBrowser return boolean for avoiding duplicate call (Clark Du) (c6d8e8ff)
- refactor: not detect modern browser if modern mode is disabled (Clark Du) (2b4d79c1)
- refactor: remove builder coupling from server (#5157) (Pooya Parsa) (13cb0f73)
- refactor: remove unnecessary onEmit in old webpack (Clark Du) (eac6d022)
- refactor: some small stuff (#4979) (Alexander Lichter) (69dfd848)
- refactor: fix typos (#4922) (Alexander Lichter) (569b6aab)
- refactor: unify context in webpack module (#5054) (Xin Du (Clark)) (9860eb6a)
- refactor: use spread syntax for plugin push (#4976) (Alexander Lichter) (31cb1873)
- refactor: fallback to babel-preset-env defualt targets when buildTarget is not specified (Clark Du) (176641f6)
- refactor(ts): add warning for nuxt-ts deprecation (#5301) (Kevin Marrec) (a11afd45)
Chore
- chore(babel-preset): create readme with basic docs (#5127) (HG) (04cdd602)
- chore: don`t ignore .nuxtignore (#5169) (Dmitry Molotkov) (39c9ab59)
- chore: enable yarn.lock maintenance (#5063) (Xin Du (Clark)) (17b53ebf)
- chore(vue-app): suppress deprecated warning for classic vuex in prod (#5137) (Shingo Sato) (f39205a7)
Tests
- test: add await for promisable expect (Clark Du) (fabf1c07)
- test: add chrome detector (#4984) (Xin Du (Clark)) (855705bd)
- test: add describe.posix and win (Clark Du) (e9ba2f97)
- test: fix macos e2e tests (Pooya Parsa) (2c763df1)
- test: improve nuxt-loading component tests (#5005) (Pim) (75a74543)
- test: mock enquirer in typescript tests (#5025) (Pim) (ad6a8cda)
- test: skip reqest in dev test for now (Clark Du) (3e678793)
- test: try to fix unhandled request (Clark Du) (2f2baacb)
- test: turn off cli dev test (Clark Du) (5c053f5c)
- test: unit tests for generator (#4857) (Xin Du (Clark)) (e22a282e)
- test: unit tests for @nuxt/util (#4880) (Xin Du (Clark)) (96bab9f0)
- test: unit tests for server module (#5154) (Xin Du (Clark)) (cc573a49)
- test: update cli snapshot (Clark Du) (3dd1a285)
- test: unhandled open handles (Clark Du) (858c9eeb)
- test: change cli.test to be more accurate (#4957) (Xin Du (Clark)) (68f6880f)
- test: use puppeteer-core (#4929) (Pooya Parsa) (940a36fd)
- test: fix e2e test by downloading chromium (#5254) (Pooya Parsa) (2561b68a)
- test: fail tests in case of unhandled errors (#5255) (Pooya Parsa) (d6b505aa)
v2.4.5
Released on 26 February 2019
v2.4.5 (2019-02-26)
Bug fixes and Improvements
- builder: bundle resources other than js(x)/json in node_modules (#4913) (71a70fe)
- cli: dont force exit when it was explicitly disabled (#4973) (4b82aa9)
- cli: show warning on forced exit (#4958) (3d2deac)
- dependencies: update serve-placeholder and esm (#4970) (111455f)
- vue-renderer: preload modern resource in spa modern mode (#5043) (3516580)
- vue-app: fix
asyncData
memory leak on client-side (#4966) (4086800) - vue-app: fix
getNuxtChildComponents
method (#4969) (dbf7099) - vue-app: use browser to handle scrolling position on page reload… (#5080) (7001312)
- webpack: bundle resources other than js(x)/json in node_modules (#4913) (71a70fe)
- nuxt-ts: error catch in nuxt-ts binary (#5086) (4f887f6)
v2.4.3
Released on 6 February 2019
🐛 Bugfixes
- webpack: Update dependency
terser-webpack-plugin
to^1.2.2
. - webpack: Update dependency
webpack
to^4.29.2
- utils: Fix
serializeFunction
for external imports (#4916) - config: Warn when using array for postcss config (#4936)
- module: support src as a function in addModule (#4956)
- server: await buildDone hook (#4955)
v2.4.2
Released on 30 January 2019
Bugfixes
- Handle
async
components correctly when usingnuxt-ts
(PR #4886) - Fix
extractCSS
indev
mode (PR #4892) - Correctly apply class when using
linkPrefetchedClass
(PR #4893)
v2.4.0
Released on 28 January 2019
Upgrade Note ⚠️
Due to a known problem (webpack/webpack#8656, #4869, #4839) users of npm should either remove package-lock.json
and reinstall before upgrade or use npm update acorn —depth 20 && npm dedupe
after upgrading to 2.4.0. yarn users should have no problems but removing yarn.lock
still recommended before the upgrade process.
Important news 👀
New core team member 🐤
We are really proud to announce Kevin Marrec (@kevinmarrec) as a new core team member of Nuxt.js. He is French 🇫🇷 and responsible for the TypeScript integration 💚
Official Consulting ⛑
We now offer official support & consulting from the core team. We partnered with Otechie for the process and already did some beta-tests with selected companies.
Are you interested or curious?Learn more on https://otechie.com/nuxt :raised_hands:
RFC Process 📎
We invite you to take a look at our nuxt/rfcs repository where we discuss the future of Nuxt and its vision.
Here are some interesting proposals if you want to learn more about the upcoming changes of Nuxt:
- Full static generated mode to generate offline-ready static websites with Nuxt by default
- Fabula, a Vue/Nuxt-inspired tool for running tasks on local and remote hosts
- Improve @nuxt/config package to support a
config/
directory and autocomplete - Nuxt Workers to open more possibilities on the server part (clustering, PM2 integration, HMR on the server and more)
- Module improvements to give more power to Nuxt modules
- And many more 💚
Release Plan 🚢
Starting with this release, Nuxt will adhere to a formalized release plan (as good as possible). Also, an end of life for older major versions is defined within RELEASE_PLAN.md.
Quick summary:
- Nuxt major releases are planned every 6 months.
- The release cycle for Nuxt.js minor versions is roughly 4 weeks.
- Fixes will be released as soon as possible after the actual PR/commit
We strongly invite you to read the RELEASE_PLAN.md for further details.
Thank you ❤️
We want to specially thanks:
- Our contributors submitting bug reports, feature requests and commenting on issues
- Our users participating on our Discord server and sharing the love by mentioning our Twitter account
- All the devs working for companies using Nuxt.js and who helped us building a showcases list
- Our backers and sponsors supporting us financially through our open Collective
New Features ✨
Speaking of TypeScript…
TypeScript support has landed!
In order to run Nuxt with TypeScript, we created a new distribution, called nuxt-ts (we also have nuxt-ts-edge).We want to thank @hmsk for his donation of the package name on npm ❤️
You can explore Nuxt TypeScript example or play with it directly in our Nuxt TS CodeSandBox.
For a more advanced example, you can look at the HackerNews-TS repo or play with it on CodeSandBox, made by @husayt & @kevinmarrec.
This work has been made by @kevinmarrec with the help of @pi0 & @Atinux.
:warning: Experimental: We are waiting for your feedback to keep improving it and breaking changes can occur without a semver major release. However, all changes will be documented properly
Smart prefetching ⚡️
Nuxt.js will automagically prefetch the code-splitted pages linked with <nuxt-link>
when visible in the viewport by default. This hugely improves the end user performances, inspired by quicklink.
Demos are online and we recommend you to try it out to feel the difference:
- No prefetching (v2.3): https://nuxt-no-prefetch.surge.sh
- With prefetching (v2.4): https://nuxt-prefetch.surge.sh
Bonus: we added $nuxt.isOnline
and $nuxt.isOffline
which is reactive, so you can use it directly inside your components (see this example).
You can learn more about this feature in the associated PR #4574 and in the documentation.
HMR & best practices for store/ 👀
Save more development time with full HMR support for the store (
mutations
,getters
, andactions
).
This feature has been implemented by @manniL & @Atinux on PRs #4589, #4582 and #4791
Autocomplete for VS Code (via. Vetur extension) ✅
If you are using VS Code, with this version, you will now have autocomplete for Nuxt.js components:
This feature has been implemented by @octref & @Atinux on PR #4524
Port taken? Nuxt got your back! 💪
If Nuxt wants to listen on a port which is already used, it will warn you in development and listen to a free port instead:
In production it will throw an error instead to avoid unwanted behavior:
This feature has been implemented by @ricardogobbosouza on PR #4428 with the help of @pi0 and @manniL.
Suggest installing missing dependencies or mismatches 💯
Nuxt requires all peer like dependencies as a dependency for easier usage. Sometimes this causes unwanted behaviors when users explicitly add a specific version in their package.json which is incompatible with nuxt. This could also help to resolve popular Vue packages version mismatch error (#198, #669, #1084, #1414, #1851, #2079, #2406, #3454).
Nuxt is now able to automatically self-verify installed dependencies and warn with a proper message in case of detecting problems.
This feature has been implemented by @pi0 in PR #4669
Auto-detection of modern bundles 🥇
When running nuxt start
, Nuxt will automatically detect if you built your app modern mode enabled. No need to run nuxt start —modern
explicitly anymore 🌟
This detection was created by @clarkdo on PR #4422
Plugin modes and file extensions 💅
Until now, you used ssr: false
in your plugin declarations to disable server-side rendering. We decided to deprecate that option and introduce a mode
instead, which can be 'all'
, 'client'
or 'server'
. No worries, ssr
is still working (until Nuxt 3).
The new feature coming with the mode
is that you can define it by using the file suffix:
plugins/plugin.server.js
plugins/plugin.client.js
plugins/plugin.js
By adding the plugins to your nuxt.config.js
:
plugins: [
'~/plugins/plugin.server.js',
'~/plugins/plugin.client.js',
'~/plugins/plugin.js'
]
The declaration will be internally transformed to:
plugins: [
{ mode: 'server', src: '~/plugins/plugin.server.js' },
{ mode: 'client', src: '~/plugins/plugin.client.js' },
{ mode: 'all', src: '~/plugins/plugin.js' }
]
(If you specify the mode
manually, it will overwrite the suffix detection)
This feature has been implemented by @clarkdo on PR #4592
Module commands 🖥
Nuxt modules can now include bin
scripts that are recognized by Nuxt's CLI.
Here's an example of my-module/bin/command.js
:
#!/usr/bin/env node
const consola = require('consola')
const { NuxtCommand } = require('@nuxt/cli')
NuxtCommand.run({
name: 'command',
description: 'My Module Command',
usage: 'command <foobar>',
options: {
foobar: {
alias: 'fb',
type: 'string',
description: 'Simple test string'
}
},
run(cmd) {
consola.info(cmd.argv)
}
})
The command could be run with:
npx nuxt command arg1 arg2
You can learn more about that in the modules command documentation.
:warning: Experimental: We are waiting for your feedback to keep improving it and breaking changes can occur without a semver major release. However, all changes will be documented properly <3
This feature has been implemented by @galvez on PR #4314 with the help of @pi0.
PostCSS in Vue Components 💃
You can now use lang="postcss"
in your Vue components. Postcss has applied to all your styles anyway (e.g. to resolve aliases like ~
) but the lang
attribute enables autocomplete and syntax highlighting for some IDEs.
This feature has been implemented by @manniL on PR #4417.
No more extensions for Stylesheets needed 🦅
We are concerned to improve the Developer Experience ("DX") with each release. This small change allows you to omit the file extension for CSS/SCSS/Postcss/Less/Stylus/… files listed in the css
array inside your nuxt.config.js
. For the plugins
or serverMiddleware
key, this is already possible.
This feature has been implemented by @manniL on PR #4671.
SSR Bundle improvements 🔹
We made a full rewrite of how SSR bundle is packaged.
This means better performance, less memory overhead, fewer OOM crashes and easier SSR bundle debugging.
_ | Before | After | Diff |
---|---|---|---|
Dist | 8.2M | 7.2M | -1M / 12% |
Dev | 281 MB (RSS: 439 MB) | 237 MB (RSS: 354 MB) | -44M / 16% (RSS: -85M / 19%) |
Start | 106 MB (RSS: 169 MB) | 71.7 MB (RSS: 137 MB) | -34M / 32% (RSS: -32M / 19%) |
This feature has been implemented by @pi0 on PR #4439.
Other changes 🌔
process.modern
can be used for distinguishing modern environment.- Add
server.timing
to give Server-Timing header, useful for monitoring and performances overview (PR #4800) - ⚠️ Experimental: Enable
HardSourceWebpackPlugin
byhardSource: true
inhardSource
ofnuxt.config.js
- You can now set
scrollToTop
tofalse
in pages (PR #4564) - Aliases for
nuxt-link
andnuxt-child
(n-link
andn-child
) are available now (PR #4525) - Components can now be used in
PascalCase
as recommended by the Vue styleguide (PR #4396) - VueMetas
headAttrs
are now supported for the appTemplate (PR #4536) - More browsers are added to the list of modern browsers (PR #4516, PR #4775)
- Loaded resources can now have a
crossorigin
attribute (PR #4472) - Modern mode resources are preloaded and will be pushed via HTTP2 server push if set (PR #4508)
- Add option to disable the
compression
middleware (PR #4381) - Add option to disable the
FriendlyErrorsWebpackPlugin
overlay (PR #4381) - Add
exclude
option to exclude pages from beinggenerated
(in static mode) but still get rendered via fallback/SPA (PR #4754) - Support
build.hotMiddleware.client
(PR #4796) - New examples have been added:
- styled-vue (PR #4712)
- pug (PR #4409)
- Internal changes:
- feat: use
runInNewContext: true
for nuxt dev (#4508) - feat: check modern build file in modern mode (#4467)
- refactor: migrate to extract-css-chunks-webpack-plugin (#4495)
- feat: use
Further Patches (30+) 🔍
- hotfix(vue-app): ReferenceError error passed with routeChanged (PR #4444)
- fix(vue-app): properly serialize head functions (PR #4558 #4585)
- fix(vue-app): Handle
middleware
correctly when usingVue.extend
in layout (fix #4724) - fix (vue-renderer): remove
undefined
script in modern mode & generated (https://github.com/nuxt/nuxt.js/commit/0a21d4b34ca2f3bde2a54452f3d6831a0b1ee362) - fix: add option to rewatch on path after raw fs event (PR #4717)
- fix(builder, module): addLayout and nuxt.config precedence over auto-scanned layouts (PR #4702)
- fix: Support plugins with a directory and index.js (PR #4714)
- fix: use case insensitive regex for webpack loader rules (PR #4728)
- fix: require postcss module via resolver (PR #4737)
- fix: Safari fix is not injected in client modern mode (https://github.com/nuxt/nuxt.js/commit/ecf76d91f1bec8dcab8f2c7715e0e07a19d0b6fe)
- fix(server): allow rendering urls with unicode characters (#4512)
- fix(builder): add lodash inside templates (PR #4368)
- fix: fall back to default value when
publicPath
is falsy (PR #4365) - fix: modern=true or false not work as expected (PR #4378)
- fix: empty error message in dev mode (https://github.com/nuxt/nuxt.js/commit/3d990fe60675f44a1771b765a73d9bbe5d5fa8f8)
- fix(progress-bar): allow 0 for values and remove duplicate defaults (PR #4397)
- fix(vue-app): allow passing custom props to error function (PR #4462)
- fix(webpack): deepClone before calling extendConfig (PR #4464)
- fix(vue-app): router.meta is null on extendRoutes(PR #4478)
- fix: merge route.meta into options.meta (PR #4479)
- fix: improvements for build and dev stability (PR #4470)
- fix(vue-app): Fix route meta to handle order (https://github.com/nuxt/nuxt.js/commit/45be6384794fa5239b27ade8966d5d40955d8bb7)
- fix(dev): Show correct path when webpack watched files changed (https://github.com/nuxt/nuxt.js/commit/25dea5f52a30628c43213fdc6d620c0d0eda8d9d)
- fix(webpack): allow changing devtool with extend (PR #4515)
- fix: keepAliveProps broken in (PR #4521)
- fix: csp SHA hashes accumulate when using custom script-src rules (#4519)
- fix: duplicate style in extractCSS (#4546)
- fix: hmr in modern mode (#4623)
- fix: wrong devMiddleware in non-modern dev mode (https://github.com/nuxt/nuxt.js/commit/35151150fde5ad21087f14bf22cf1acf0f150979)
- fix(ts): fix
$nuxt.$loading
typedefs (#4778) - fix(ts): Add missing
loading
property to Component options (#4786) - fix: match subdir under node_module in transpile (#4850)
v2.3.4
Released on 26 November 2018
(Please skip v2.3.3
release. It was mistaken.)
🔧 Fixes
- CLI:
nuxt-start
command should always start nuxt in production mode (#4384) - Modern Mode: Fix behavior where
modern=true
orfalse
didn't work as expected (#4378) - Router: Correctly handle Unicode page names (#4402)
- Router: Emit
triggerScroll
event after changing the layout (#4399) - Components: Allow
0
values for progress bar attributes (#4397) - Server/Tests: Correctly print timeout error message for JSDom (#4412)
⚡️ Dependencies
- Update dependency
vue-router
from3.0.1
to3.0.2
(#4394) - Update dependency
@nuxt/friendly-errors-webpack-plugin
from2.3.0
to2.3.2
- Update dependency
mini-css-extract-plugin
from0.4.4
to0.4.5
- Update dependency
webpack
from4.26.0
to4.26.1
- Update dependency
vue-meta
fromv1.5.5
tov1.5.6
- Remove
opencollective
dependency fromnuxt-start
(#4415) - Remove
lodash
dependency from packages to reduce thenuxt-start
size (#4411)
v2.3.2
Released on 20 November 2018
Fixes
- Use exact versions for Nuxt internal packages
- Fallback to default value when
publicPath
is falsy (#4365) - Add lodash inside templating (#4368)
v2.3.1
Released on 16 November 2018
📝 Release Notes
With v2.3, Nuxt.js is splitted into smaller packages (Aka a mono-repo). This means smaller packages, independent versioning support and ability to replace any part of Nuxt.js without dirty hacks. Before this release, we carefully tested the latest updates using edge release channel against real-world projects and there should be no breaking changes.
Please note that for upgrading Nuxt.js just changing version inside package.json
is not enough. Please use yarn upgrade
or npm upgrade
so that the final directory structure of node_modules
will be correct. In case of problems clean up node_modules
and yarn.lock
/package-lock.json
. Still having problems? open an issue in cmty!
🔧 Fixes and Enhancements
- CLI and DX improvements (#4259)
- CLI cleanups and improvements (#4222)
- Improve nuxt-loading component (#3891)
- Set defaults for port and host values (#4207)
- Dynamically read environment variables when loading
nuxt.config.js
(PR #4208) - Support custom pushAssets function to control http2 push headers (#4198)
- Reduce duplicate code in
routes.js
(#4121) - Print warning when using
build.extractCSS.allChunks
(#4097) - Throw an error when layout property is not string (#4142)
- Use
require.resolve
to get the path of babel-loader (#4150) - Check style resources for existence (#4155)
- Serialize config head fn shorthand correctly (#4283)
- Don't accept ranges (#3870) (#4295)
- Correctly resolve layouts with nested custom dir (#4135)
- Warn on unknown mode (#4303)
- Use
postcss.order
to change order of postcss plugins(#4318) - Fix for double escaping static class on SSR (#4312)
- Fix stable route sorting for Node v11 (#4331)
🎉 New Features
- Modern build support (#4231) (#4241) (#4254) (#4264)
- Dedicated help command (
nuxt help [cmd]
) (#4248) - List commands
nuxt —help
(#4245) - Support asynchronous
nuxt.config.js
(#4021)
⚡️ Dependency Upgrades
❄️ Deprecations
- Deprecate
styleResources
because of performance issues. Use our new community module instead (it's a drop-in replacement) (#4302) - Deprecate callback-based
asyncData
,fetch
andmiddleware
methods. Use Promises or async/wait instead. (#4256)
💄 Internal Refactors
- Migrate nuxt into a mono-repo (#4051)
- Refactor core into
@nuxt/core
,@nuxt/server
and@nuxt/vue-renderer
(#4202) - Refactor builder into
@nuxt/builder
and@nuxt/webpack
(#4171) - Move
@nuxtjs/babel-preset-app
into nuxt mono-repo and republish it as@nuxt/babel-preset-app
(#4205) - Move common config to
@nuxt/config
(#4212) - Packaging and development improvements (#4193)
- Extract
eslint-config
into own package (#4108) - Several test utils cleanups (PR #4180)
v2.2.0
Released on 13 October 2018
Features
- Show warning message when pages directory is missing. (PR #4054)
<nuxt-child/>
acceptskeep-alive-props
as props ofkeep-alive
(PR #4067)- Add configurable global name (PR #4012)
Fixes
- Warn for non serializable data instead of Error (PR #4046)
- Style module with extractCSS not work well (PR #4093)
- generate: use isJS for matching assets to fix not found bug for assets with query strings (PR #4073)
v2.1.0
Released on 30 September 2018
Features
- Expose
loading.throttle
as an option (PR #3953) - Allow to customize or disable minimizer plugins (PR #4018)
- Use understandable file names for analyze mode (PR #4014)
Fixes
- Correctly evaluate options.server values port, host, socket (PR #3942)
- Properly serialize
undefined
values in vuex store (PR #3913) - Don't allow to cache error pages (PR #3962)
- Update all non-major dependencies, vue-meta to ^1.5.5 (PR #3991)
- Apply default value for NODE_ENV environment variable (PR #4003)
- Typofixes from https://github.com/vlajos/misspell-fixer (PR #4013)
Misc
- Refactor client store code style (PR #3683)
v1.4.5
Released on 27 November 2018
Thanks to @clarkdo and @ederchrono for this fix ❤️
🔧 Fixes
- fix(vue-router): router Expected "0" to be defined (22679cba668c5f2e9d2237e86f3640e46a7b0ac8) (#4394)
v1.4.4
Released on 19 October 2018
Patches
- Backport
—no-generate
option tonuxt build
with SPA mode (PR #4127)