vue-loader

Bug Fixes

• generate treeshaking friendly code (11e3cb8)

Features

• support ts in template expressions (573fbd2)

• Custom Elements mode behavior changed:
  Now only inlines the CSS, and no longer exports the custom element constructor (exports the component as in normal mode).
  Users now need to explicitly call defineCustomElement on the component.
  This allows the custom element to be defined using an async version of the source component.

Bug Fixes

• fix webpack 5.48 compatibility (c4c5f17), closes #1859

Bug Fixes

• fix webpack 5.48 compatibility (b94289c), closes #1859

Features

• customElement option support for Vue 3.2 (e19fcda)

Bug Fixes

• mark @vue/compiler-sfc as an optional peer dependency (089473a)

Bug Fixes

• add undeclared peer dependency webpack and @vue/compiler-sfc (#1853) (330d672)

Bug Fixes

• pick up production env in thread-loader context (821a3a3), closes vuejs/vue-next#3921

Features

• pass on compilerOptions and refSugar when using <script setup> (7137294)

Features

• enable :slotted usage detection (66a3759)

Bug Fixes

• [plugin] Use compiler.webpack when possible (#1822) (f7ee30b), closes #1781
• check for compiler.webpack existence (2472b2f)

Bug Fixes

• resourceQuery could be undefined in webpack 5 (a2b89d3), closes #1771

Note: vue-loader v16 is for Vue 3 only.

Bug Fixes

• resourceQuery could be undefined in webpack 5 (6a1ee76), closes #1771

• fix inconsistent scope Ids for css var injection via v-bind() (https://github.com/vuejs/vue-next/issues/2721)

New Features

• feat: allow manually specifying whether server-rendering is targeted (9bbb82b)

New Features

• feat: support for experimental sfc features
  • new <script setup> vuejs/rfcs#227
  • new <style> variable injection vuejs/rfcs#231
    Requires a version of @vue/compiler-sfc that supports the above features.

Bug Fixes

• fix: update hmr api usage (f9dd610)
• fixed thread-loader compatibility for <script setup> support

Bug Fixes

• fix: disable esModuleInterop & allowSyntheticDefaultImports and regenerate the type definitions (c76f5e5)

Known Issues

• SSR usage needs more thorough testing.
• vue-style-loader hasn't been not updated for Vue 3 yet. Please use mini-css-extract-plugin for CSS extraction.
• No shadowMode support.
• <script setup> support is experimental. It does not work well with thread-loader. In Vue CLI, you need to set parallel: false for this feature to work correctly. Also, please follow https://github.com/vuejs/rfcs/pull/227, https://github.com/vuejs/rfcs/pull/228 for more possible script setup sugars in the future.

Bug Fixes

• fix: add back webpack 5 generator support (3db9ab8)

Bug Fixes

• fix: should apply cloned rules to custom blocks too (b2d7ffb)
• fix: should check for type query for render function imports (41af4b6)

Bug Fixes

• fix: avoid to generate empty css chunk files (e88dbe9)
• ensure new webpack5 generator property in rules passes ruleset checks (#1753) (fa79114), closes #1729
• add rule plugins to keep up with webpack 5 new features (be9077c)