chore(deps): update dependency vite to v4 #41

renovate-bot · 2022-12-09T11:05:55Z

renovate-bot commented

2022-12-09 11:05:55 +00:00

This PR contains the following updates:

Package	Type	Update	Change
vite (source)	dependencies	major	`^3.0.4` -> `^4.0.0`

⚠ Dependency Lookup Warnings ⚠

Warnings were logged while processing this repo. Please check the logs for more information.

Release Notes

vitejs/vite

`v4.0.0`

Compare Source

Read the announcement blog post: Announcing Vite 4

Quick links:

Docs in other languages:

Main Changes

This major is smaller in scope compared to Vite 3, with the main objective of upgrading to Rollup 3. We've worked with the ecosystem to ensure a smooth upgrade path for this new major.

Rollup 3

Vite is now using Rollup 3, which allowed us to simplify Vite's internal asset handling and has many improvements. See the Rollup 3 release notes here.

Framework Plugins out of the Vite core monorepo

@vitejs/plugin-vue and @vitejs/plugin-react have been part of Vite core monorepo since the first versions of Vite. This helped us to get a close feedback loop when making changes as we were getting both Core and the plugins tested and released together. With vite-ecosystem-ci we can get this feedback with these plugins developed on independent repositories, so from Vite 4, they have been moved out of the Vite core monorepo. This is meaningful for Vite's framework-agnostic story, and will allow us to build independent teams to maintain each of the plugins. If you have bugs to report or features to request, please create issues on the new repositories moving forward: vitejs/vite-plugin-vue and vitejs/vite-plugin-react.

New React plugin using SWC during development

SWC is now a mature replacement for Babel, especially in the context of React projects. SWC's React Fast Refresh implementation is a lot faster than Babel, and for some projects, it is now a better alternative. From Vite 4, two plugins are available for React projects with different tradeoffs. We believe that both approaches are worth supporting at this point, and we'll continue to explore improvements to both plugins in the future.

@vitejs/plugin-react

@vitejs/plugin-react is a plugin that uses esbuild and Babel, achieving fast HMR with a small package footprint and the flexibility of being able to use the babel transform pipeline.

@vitejs/plugin-react-swc (new)

@vitejs/plugin-react-swc is a new plugin that uses esbuild during build, but replaces Babel with SWC during development. For big projects that don't require non-standard React extensions, cold start and Hot Module Replacement (HMR) can be significantly faster.

Compatibility

The modern browser build now targets safari14 by default for wider ES2020 compatibility (https://github.com/vitejs/vite/issues/9063). This means that modern builds can now use BigInt and that the nullish coallessing operator isn't transpiled anymore. If you need to support older browsers, you can add @vitejs/plugin-legacy as usual.

Importing CSS as a string

In Vite 3, importing the default export of a .css file could introduce a double loading of CSS.

import cssString from './global.css';

This double loading could occur since a .css file will be emitted and it's likely that the CSS string will also be used by the application code — for example, injected by the framework runtime. From Vite 4, the .css default export has been deprecated. The ?inline query suffix modifier needs to be used in this case, as that doesn't emit the imported .css styles.

import stuff from './global.css?inline'

Other features

Support for patch-package when pre bundling dependencies (#10286)
Cleaner build logs output (#10895) and switch to kB to align with browser dev tools (#10982)
Improved error messages during SSR (#11156)

Features

feat: add CLI keyboard shortcuts (#11228) (87973f1), closes #11228
feat: export error message generator (#11155) (493ba1e), closes #11155
feat(node/plugins): esbuild options (#11049) (735b98b), closes #11049
feat: improve the error message of expand (#11141) (825c793), closes #11141
feat: update @types/node to v18 (#11195) (4ec9f53), closes #11195
feat(client)!: remove never implemented hot.decline (#11036) (e257e3b), closes #11036
feat!: support safari14 by default for wider ES2020 compatibility (#9063) (3cc65d7), closes #9063
feat!: support multiline values in env files (#10826) (606e60d), closes #10826
feat(ssr)!: remove dedupe and mode support for CJS (#11101) (3090564), closes #11101
feat: align object interface for transformIndexHtml hook (#9669) (1db52bf), closes #9669
feat(build): cleaner logs output (#10895) (7d24b5f), closes #10895
feat(css): deprecate css default export (#11094) (01dee1b), closes #11094
feat(optimizer): support patch-package (#10286) (4fb7ad0), closes #10286
feat(build): Use kB in build reporter (#10982) (b57acfa), closes #10982
feat(css): upgrade postcss-modules (#10987) (892916d), closes #10987
feat(hmr): invalidate message (#10946) (0d73473), closes #10946
feat(client): expose hot.prune API (#11016) (f40c18d), closes #11016
feat(hmr): deduplicate paths and join them with commas (#10891) (967299a), closes #10891
feat: base without trailing slash (#10723) (8f87282), closes #10723
feat: handle static assets in case-sensitive manner (#10475) (c1368c3), closes #10475
feat(cli): build --profile (#10719) (9c808cd), closes #10719
feat(env): support dotenv-expand to contains process env (#10370) (d5fe92c), closes #10370
feat!: set esbuild default charset to utf8 (#10753) (4caf4b6), closes #10753
feat: rollup 3 (#9870) (beb7166), closes #9870

Bug Fixes

fix: add \0 to virtual files id (#11261) (02cdfa9), closes #11261
fix: skip shortcuts on non-tty stdin (#11263) (9602686), closes #11263
fix(ssr): skip rewriting stack trace if it's already rewritten (fixes #11037) (#11070) (feb8ce0), closes #11037 #11070
refactor(optimizer): await depsOptimizer.scanProcessing (#11251) (fa64c8e), closes #11251
fix: improve CLI shortcuts help display (#11247) (bb235b2), closes #11247
fix: less promises for scanning and await with allSettled (#11245) (45b170e), closes #11245
fix(optimizer): escape entrypoints when running scanner (#11250) (b61894e), closes #11250
fix: await scanner (#11242) (52a6732), closes #11242
fix(css): fix css lang regex (#11237) (a55d0b3), closes #11237
fix: don't print urls on restart with default port (#11230) (5aaecb6), closes #11230
fix: serialize bundleWorkerEntry (#11218) (306bed0), closes #11218
fix(config): resolve dynamic import as esm (#11220) (f8c1ed0), closes #11220
fix(env): prevent env expand on process.env (#11213) (d4a1e2b), closes #11213
fix: add type for function localsConvention value (#11152) (c9274b4), closes #11152
fix: cacheDir should be ignored from watch (#10242) (75dbca2), closes #10242
fix: don't check .yarn/patches for computing dependencies hash (#11168) (65bcccf), closes #11168
fix: formatError() outside rollup context (#11156) (2aee2eb), closes #11156
fix: Revert "fix: missing js sourcemaps with rewritten imports broke debugging (#7767) (#9476)" (#11 (fdc6f3a), closes #7767 #9476 #11144
fix: Dev SSR dep optimization + respect optimizeDeps.include (#11123) (515caa5), closes #11123
fix: export preprocessCSS in CJS (#11067) (793255d), closes #11067
fix: glob import parsing (#10949) (#11056) (ac2cfd6), closes #10949 #11056
fix: import.meta.env and process.env undefined variable replacement (fix #8663) (#10958) (3e0cd3d), closes #8663 #10958
fix: missing js sourcemaps with rewritten imports broke debugging (#7767) (#9476) (3fa96f6), closes #7767 #9476
fix: preserve default export from externalized packages (fixes #10258) (#10406) (88b001b), closes #10258 #10406
fix: reset global regex before match (#11132) (db8df14), closes #11132
fix(css): handle environment with browser globals (#11079) (e92d025), closes #11079
fix(deps): update all non-major dependencies (#11091) (073a4bf), closes #11091
fix(esbuild): handle inline sourcemap option (#11120) (4c85c0a), closes #11120
fix(importGlob): don't warn when CSS default import is not used (#11121) (97f8b4d), closes #11121
fix(importGlob): preserve line count for sourcemap (#11122) (14980a1), closes #11122
fix(importGlob): warn on default import css (#11103) (fc0d9e3), closes #11103
fix(plugin-vue): support scss/sass/less... hmr on custom template languages (fix #10677) (#10844) (d413848), closes #10677 #10844
fix(ssr): preserve require for external node (#11057) (1ec0176), closes #11057
fix(worker): disable build reporter plugin when bundling worker (#11058) (7b72069), closes #11058
fix!: make NODE_ENV more predictable (#10996) (8148af7), closes #10996
fix(config)!: support development build (#11045) (8b3d656), closes #11045
refactor: use function to eval worker and glob options (#10999) (f4c1264), closes #10999
refactor(client): simplify fetchUpdate code (#11004) (f777b55), closes #11004
fix(html): transform relative path with long base in /index.html (#10990) (752740c), closes #10990
fix(mpa): support mpa fallback (#10985) (61165f0), closes #10985
feat: align default chunk and asset file names with rollup (#10927) (cc2adb3), closes #10927
fix: make addWatchFile() work (fix #7024) (#9723) (34db08b), closes #7024 #9723
fix(config): exclude config.assetsInclude empty array (#10941) (18c71dc), closes #10941
fix(ssr): skip optional peer dep resolve (#10593) (0a69985), closes #10593
perf: regexp perf issues, refactor regexp stylistic issues (#10905) (fc007df), closes #10905
refactor: move CSS emitFile logic closer to rollup (#10909) (92a206b), closes #10909
refactor: use rollup hashing when emitting assets (#10878) (78c77be), closes #10878
fix: don't throw on malformed URLs (#10901) (feb9b10), closes #10901
fix: gracefully handle forbidden filesystem access (#10793) (92637a2), closes #10793
fix(types): remove null from CSSModulesOptions.localsConvention (#10904) (a9978dd), closes #10904
refactor(types)!: remove facade type files (#10903) (a309058), closes #10903
fix: inconsistent handling of non-ASCII base in resolveConfig and dev server (#10247) (16e4123), closes #10247
fix: prevent cache on optional package resolve (#10812) (c599a2e), closes #10812
fix: relocated logger to respect config. (#10787) (52e64eb), closes #10787
fix: throw missing name error only when 'umd' or 'iife' are used (#9886) (b8aa825), closes #9886
fix(deps): update all non-major dependencies (#10804) (f686afa), closes #10804
fix(ssr): improve missing file error (#10880) (5451a34), closes #10880

Previous Changelogs

chore: cherry pick more v4 bug fixes to v3 (#11189) (eba9b42), closes #11189 #10949 #11056 #8663 #10958 #11120 #11122 #11123 #11132
chore: cherry pick v4 bug fix to v3 (#11110) (c93a526), closes #11110 #10941 #10987 #10985 #11067
fix: relocated logger to respect config. (#10787) (#10967) (bc3b5a9), closes #10787 #10967

`v3.2.4`

Compare Source

fix: prevent cache on optional package resolve (v3) (#10812) (#10845) (3ba45b9), closes #10812 #10845
fix(ssr): skip optional peer dep resolve (v3) (#10593) (#10931) (7f59dcf), closes #10593 #10931 #10593

`v3.2.3`

Compare Source

refactor: change style.innerHTML to style.textContent (#10801) (8ea71b4), closes #10801
fix: add @types/node as an optional peer dependency (#10757) (57916a4), closes #10757
fix: transform import.meta.glob when scan JS/TS #10634 (#10635) (c53ffec), closes #10634 #10635
fix(css): url() with variable in sass/less (fixes #3644, #7651) (#10741) (fa2e47f), closes #3644 #7651 #10741
feat: add vite:afterUpdate event (#9810) (1f57f84), closes #9810
perf: improve multilineCommentsRE regex (fix #10689) (#10751) (51ed059), closes #10689 #10751
perf: Use only one ps exec to find a Chromium browser opened on Mac OS (#10588) (f199e90), closes #10588
chore: fix dev build replacing undefined (#10740) (1358a3c), closes #10740
chore: remove non used type definitions (#10738) (ee8c7a6), closes #10738
chore(deps): update dependency @rollup/plugin-commonjs to v23 (#10611) (cc4be70), closes #10611
chore(deps): update dependency @rollup/plugin-dynamic-import-vars to v2 (#10726) (326f782), closes #10726

`v3.2.2`

Compare Source

chore: remove src/client from package (#10703) (816842e), closes #10703
chore(deps): update all non-major dependencies (#10725) (22cfad8), closes #10725
fix: remove loaded input sourcemap (fixes #8411) (#10705) (eb50e3a), closes #8411 #10705
fix: tsconfig jsx overrides esbuild options, reverts #10374 (#10714) (aacf6a4), closes #10374 #10714
docs(changelog): fix broken url (#10692) (f937ccc), closes #10692

`v3.2.1`

Compare Source

fix: prioritize existing env over .env (fixes #10676) (#10684) (e2ea6af), closes #10676 #10684
fix: remove picomatch type import (fixes #10656) (#10678) (1128b4d), closes #10656 #10678
fix(config): resolve externalized specifier with internal resolver (#10683) (b15d21c)
feat: Add support for imba in html scripts (#10679) (b823fd6), closes #10679
chore: join URL segments more safely (#10590) (675bf07), closes #10590
chore: update changelog for 3.2 (#10646) (f787a60), closes #10646

`v3.2.0`

Compare Source

Main Changes

Multiple Entries for Library Mode

Library mode now supports multiple entries:

  lib: {
    entry: {
        primary: 'src/index.ts',
        secondary: 'src/secondary.ts'
    },
    formats: ['es', 'cjs']
  }
  // => primary.es.js, primary.cjs.js, secondary.es.js, secondary.cjs.js

Check out the PR #7047, and the build.lib config docs

`build.modulePreload` options

Vite now allows filtering and modifying module preload dependencies for each entry and async chunk. experimental.renderBuiltUrl will also get called for preload asset paths. And build.modulePreload.resolveDependencies will be called both for JS dynamic imports preload lists and also for HTML preload lists for chunks imported from entry HTML files. Refer to the PR for more context #9938 and check out the modulePreload config docs. Note: build.modulePreloadPolyfill is now deprecated, please migrate to build.modulePreload.polyfill.

Include Duplicate Assets in the Manifest

Laravel and other backends integrations will now get entries for every asset file, even if they have been de-duplicated. See #9928 for more information.

Customizable ErrorOverlay

You can now customize the ErrorOverlay by using css parts. Check out the PR for more details: #10234.

Features

feat(build): experimental copyPublicDir option (#10550) (4f4a39f), closes #10550
feat(css): export preprocessCSS API (#10429) (177b427), closes #10429
feat(preview): support outDir option (#10418) (15b90b3), closes #10418
feat: include line and column in error format (#10529) (d806c4a), closes #10529
feat: reuse opening tab in chromium browsers when start dev server (#10485) (1a2e7a8), closes #10485
feat: update esbuild compilation affecting fields (#10374) (f542727), closes #10374
feat(proxy): Include URL of request in proxy errors (#10508) (27e2832), closes #10508
refactor: delete dependent pre built proxy modules (#10427) (b3b388d), closes #10427
feat(server): invalidate module with hmr (#10333) (8328011), closes #10333
feat: build.modulePreload options (#9938) (e223f84), closes #9938
feat: customize ErrorOverlay (#10234) (fe4dc8d), closes #10234
feat: dynamic import support ?url and ?worker (#8261) (0cb01ca), closes #8261
feat: include duplicate assets in the manifest (#9928) (42ecf37), closes #9928
feat: support import.meta.hot.invalidate (#10244) (fb8ab16), closes #10244
feat: support postcss sugarss (#6705) (8ede2f1), closes #6705
feat(assets): allow new URL to resolve package assets (#7837) (bafccf5), closes #7837
feat(client): add data-vite-dev-id attribute to style elements (#10080) (ea09fde), closes #10080
feat(lib): allow multiple entries (#7047) (65a0fad), closes #7047
feat(optimizer): Support bun lockfile format (#10288) (931d69b), closes #10288
refactor(types): bundle client types (#9966) (da632bf), closes #9966
refactor(types): simplify type exports (#10243) (291174d), closes #10243
perf: cache compiled glob for server.fs.deny (#10044) (df560b0), closes #10044

Bug Fixes

fix: add a warning if css urls not exist during build time (fix #9800) (#10331) (9f268da), closes #9800 #10331
fix: increase error overlay z-index (#10603) (1157941), closes #10603
fix: revert es-module-lexer version (#10614) (cffe5c9), closes #10614
fix: when the file path is an absolute path, parsing causes parameter loss (#10449) (df86990), closes #10449
fix(config): resolve build options with fallback (#10645) (f7021e3), closes #10645
fix(deps): update all non-major dependencies (#10610) (bb95467), closes #10610
fix(hmr): cannot reload after missing import on server startup (#9534) (#10602) (ee7c28a), closes #9534 #10602
fix(css): strip BOM (fixes #10043) (#10577) (e0463bd), closes #10043 #10577
fix(ssr): resolve with isRequire true (#10569) (7b81210), closes #10569
fix: prefer exports when resolving (#10371) (3259006), closes #10371
fix(config): partial deno support (#10446) (c4489ea), closes #10446
fix(config): skip resolve builtin modules (#10420) (ecba3f8), closes #10420
fix(ssr): handle parallel hookNodeResolve (#10401) (1a961d9), closes #10401
fix(cli): when the user enters the same command (#10474) (2326f4a), closes #10474
fix(config): don't use module condition (import.meta.resolve) (fixes #10430) (#10528) (64f19b9), closes #10430 #10528
fix(css): remove ?direct in id for postcss process (#10514) (67e7bf2), closes #10514
fix(html): allow self closing on non-void elements (#10478) (29292af), closes #10478
fix(legacy): restore entry chunk CSS inlining, reverts #9761 (#10496) (9cc808e), closes #9761 #10496
chore: simplify filter plugin code (#10459) (5d9b810), closes #10459
chore(deps): update all non-major dependencies (#10488) (15aa827), closes #10488
chore: update magic-string (#10364) (23c9259), closes #10364
chore(deps): update all non-major dependencies (#10393) (f519423), closes #10393
chore(deps): update dependency @rollup/plugin-alias to v4 (#10394) (e2b4c8f), closes #10394
feat(lib): cjs instead of umd as default format for multiple entries (#10315) (07d3fbd), closes #10315
fix: make client type work with moduleResolution=node16 (#10375) (8c4df1f), closes #10375
fix(config): don't resolve by module field (#10347) (cc1c829), closes #10347
fix(html): handle attrs with prefix (fixes #10337) (#10381) (7b4d6e8), closes #10337 #10381
fix(ssr): track var as function scope (#10388) (87b48f9), closes #10388
fix: add module types (#10299) (0b89dd2), closes #10299
fix: css order problem in async chunk (#9949) (6c7b834), closes #9949
fix: don't duplicate styles with dynamic import (fix #9967) (#9970) (65f97bd), closes #9967 #9970
fix: env variables override (#10113) (d619460), closes #10113
fix: isFromTsImporter flag in worker virtual model (#10273) (78f74c9), closes #10273
fix: properly close optimizer on server restart (#10028) (a32777f), closes #10028
fix: respect mainFields when resolving browser/module field (fixes #8659) (#10071) (533d13c), closes #8659 #10071
fix: respect resolve.conditions, when resolving browser/require field (#9860) (9a83eaf), closes #9860
fix: support process each out dir when there are two or more (#9748) (ee3231c), closes #9748
fix(build): fix resolution algorithm when build.ssr is true (#9989) (7229251), closes #9989
fix(config): resolve implicit deps as absolute path (#10254) (ec1f3ae), closes #10254
fix(css): missing css in lib mode (#10185) (e4c1c6d), closes #10185
fix(deps): update all non-major dependencies (#10160) (6233c83), closes #10160
fix(deps): update all non-major dependencies (#10316) (a38b450), closes #10316
fix(deps): update rollup to ^2.79.1 (#10298) (2266d83), closes #10298
fix(esbuild): transpile with esnext in dev (#10207) (43b7b78), closes #10207
fix(hmr): handle virtual module update (#10324) (7c4accb), closes #10324
fix(optimizer): browser field bare import (fix #7599) (#10314) (cba13e8), closes #7599 #10314
fix(sass): reorder sass importers (#10101) (a543731), closes #10101
fix(server): handle appType mpa html fallback (#10336) (65dd88b), closes #10336
fix(ssr): correctly track scope (#10300) (a60529f), closes #10300
fix(worker): support comment in worker constructor option (#10226) (66c9058), closes #10226
fix(worker): support trailing comma (#10211) (0542e7c), closes #10211

Previous Changelogs

3.2.0-beta.4 (2022-10-24)

See 3.2.0-beta.4 changelog

3.2.0-beta.3 (2022-10-20)

See 3.2.0-beta.3 changelog

3.2.0-beta.2 (2022-10-14)

See 3.2.0-beta.2 changelog

3.2.0-beta.1 (2022-10-10)

See 3.2.0-beta.1 changelog