Merge branch 'vuejs:master' into fix/css-loader-compat

Author: Airkro

Diff for: CHANGELOG.md

@@ -1,3 +1,13 @@
+<a name="15.9.8"></a>
+## [15.9.8](https://github.com/vuejs/vue-loader/compare/v15.9.7...v15.9.8) (2021-08-02)
+
+
+### Bug Fixes
+
+* fix webpack 5.48 compatibility ([c4c5f17](https://github.com/vuejs/vue-loader/commit/c4c5f17)), closes [#1859](https://github.com/vuejs/vue-loader/issues/1859)
+
+
+
 <a name="15.9.7"></a>
 ## [15.9.7](https://github.com/vuejs/vue-loader/compare/v15.9.6...v15.9.7) (2021-05-11)
 

Diff for: docs/ru/guide/pre-processors.md

@@ -75,7 +75,7 @@ module.exports = {
 
 ### Передача глобальных переменных
 
-`sass-loader` также поддерживает опцию `prependData`, которая позволяет вам передавать общие переменные во все обрабатываемые файлы без необходимости везде их явно импортировать:
+`sass-loader` также поддерживает опцию `additionalData`, которая позволяет вам передавать общие переменные во все обрабатываемые файлы без необходимости везде их явно импортировать:
 
 ``` js
 // webpack.config.js -> module.rules
@@ -222,7 +222,7 @@ module.exports = {
 }
 ```
 
-Конфигурация TypeScipt может быть выполнена через `tsconfig.json`. Также смотрите документацию для [ts-loader](https://github.com/TypeStrong/ts-loader).
+Конфигурация TypeScript может быть выполнена через `tsconfig.json`. Также смотрите документацию для [ts-loader](https://github.com/TypeStrong/ts-loader).
 
 ## Pug
 

Diff for: docs/ru/guide/scoped-css.md

@@ -62,14 +62,26 @@
 .a[data-v-f3f3eg9] .b { /* ... */ }
 ```
 
-Некоторые пре-процессоры, такие как Sass, не могут правильно обработать `>>>`. В таких случаях используйте комбинатор `/deep/` или `::v-deep` — оба псевдонимы для `>>>` и работают аналогично.
+Некоторые пре-процессоры, такие как Sass, не могут правильно обработать `>>>`. В таких случаях используйте комбинатор `/deep/` или `::v-deep` — оба псевдонимы для `>>>` и работают аналогично. На основе примера выше, эти два выражения будут скомпилированы в один и тот же результат:
+
+``` html
+<style scoped>
+.a::v-deep .b { /* ... */ }
+</style>
+```
+
+``` html
+<style scoped>
+.a /deep/ .b { /* ... */ }
+</style>
+```
 
 ## Динамически генерируемый контент
 
 DOM-содержимое, создаваемое с помощью `v-html` не попадает под область действия локальных стилей, но вы всё равно можете его стилизовать с помощью глубоких селекторов.
 
 ## О чём следует помнить
 
-- **Локальные стили не устраняют необходимость классов.** Из-за того как браузеры рендерят различные CSS-селекторы, `p { color: red }` может быть в разы медленнее при использовании в локальных стилях (например, когда комбинируется с селектором по атрибуту). Если же вы используете классы или ID, такие как `.example { color: red }`, тогда вы практически полностью исключаете ухудшение производительности. [Вот пример](https://stevesouders.com/efws/css-selectors/csscreate.php) где можете проверить разницу самостоятельно.
+- **Локальные стили не устраняют необходимость классов.** Из-за того как браузеры рендерят различные CSS-селекторы, `p { color: red }` может быть в разы медленнее при использовании в локальных стилях (например, когда комбинируется с селектором по атрибуту). Если же вы используете классы или ID, такие как `.example { color: red }`, тогда вы практически полностью исключаете ухудшение производительности.
 
 - **Будьте внимательны с селекторами потомков в рекурсивных компонентах!** Для CSS-правила с селектором `.a .b`, если элемент, который соответствует `.a` содержит рекурсивный компонент потомок, тогда все `.b` в этом компоненте потомке будут также соответствовать правилу.

Diff for: docs/zh/guide/pre-processors.md

@@ -75,7 +75,7 @@ module.exports = {
 
 ### 共享全局变量
 
-`sass-loader` 也支持一个 `prependData` 选项，这个选项允许你在所有被处理的文件之间共享常见的变量，而不需要显式地导入它们：
+`sass-loader` 也支持一个 `additionalData` 选项，这个选项允许你在所有被处理的文件之间共享常见的变量，而不需要显式地导入它们：
 
 ``` js
 // webpack.config.js -> module.rules

Diff for: lib/plugin-webpack5.js

@@ -3,10 +3,21 @@ const id = 'vue-loader-plugin'
 const NS = 'vue-loader'
 const BasicEffectRulePlugin = require('webpack/lib/rules/BasicEffectRulePlugin')
 const BasicMatcherRulePlugin = require('webpack/lib/rules/BasicMatcherRulePlugin')
-const DescriptionDataMatcherRulePlugin = require('webpack/lib/rules/DescriptionDataMatcherRulePlugin')
 const RuleSetCompiler = require('webpack/lib/rules/RuleSetCompiler')
 const UseEffectRulePlugin = require('webpack/lib/rules/UseEffectRulePlugin')
 
+const objectMatcherRulePlugins = []
+try {
+  const ObjectMatcherRulePlugin = require('webpack/lib/rules/ObjectMatcherRulePlugin')
+  objectMatcherRulePlugins.push(
+    new ObjectMatcherRulePlugin('assert', 'assertions'),
+    new ObjectMatcherRulePlugin('descriptionData')
+  )
+} catch (e) {
+  const DescriptionDataMatcherRulePlugin = require('webpack/lib/rules/DescriptionDataMatcherRulePlugin')
+  objectMatcherRulePlugins.push(new DescriptionDataMatcherRulePlugin())
+}
+
 const ruleSetCompiler = new RuleSetCompiler([
   new BasicMatcherRulePlugin('test', 'resource'),
   new BasicMatcherRulePlugin('mimetype'),
@@ -20,7 +31,7 @@ const ruleSetCompiler = new RuleSetCompiler([
   new BasicMatcherRulePlugin('realResource'),
   new BasicMatcherRulePlugin('issuer'),
   new BasicMatcherRulePlugin('compiler'),
-  new DescriptionDataMatcherRulePlugin(),
+  ...objectMatcherRulePlugins,
   new BasicEffectRulePlugin('type'),
   new BasicEffectRulePlugin('sideEffects'),
   new BasicEffectRulePlugin('parser'),

Diff for: package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-loader",
-  "version": "15.9.7",
+  "version": "15.9.8",
   "description": "Vue single-file component loader for Webpack",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",