diff --git a/docs/ru/guide/pre-processors.md b/docs/ru/guide/pre-processors.md index 41e846598..26fa8439d 100644 --- a/docs/ru/guide/pre-processors.md +++ b/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 --git a/docs/ru/guide/scoped-css.md b/docs/ru/guide/scoped-css.md index fc927075b..978cb53da 100644 --- a/docs/ru/guide/scoped-css.md +++ b/docs/ru/guide/scoped-css.md @@ -62,7 +62,19 @@ .a[data-v-f3f3eg9] .b { /* ... */ } ``` -Некоторые пре-процессоры, такие как Sass, не могут правильно обработать `>>>`. В таких случаях используйте комбинатор `/deep/` или `::v-deep` — оба псевдонимы для `>>>` и работают аналогично. +Некоторые пре-процессоры, такие как Sass, не могут правильно обработать `>>>`. В таких случаях используйте комбинатор `/deep/` или `::v-deep` — оба псевдонимы для `>>>` и работают аналогично. На основе примера выше, эти два выражения будут скомпилированы в один и тот же результат: + +``` html + +``` + +``` html + +``` ## Динамически генерируемый контент @@ -70,6 +82,6 @@ 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 --git a/docs/zh/guide/pre-processors.md b/docs/zh/guide/pre-processors.md index d8f6107da..aeb64cc99 100644 --- a/docs/zh/guide/pre-processors.md +++ b/docs/zh/guide/pre-processors.md @@ -75,7 +75,7 @@ module.exports = { ### 共享全局变量 -`sass-loader` 也支持一个 `prependData` 选项,这个选项允许你在所有被处理的文件之间共享常见的变量,而不需要显式地导入它们: +`sass-loader` 也支持一个 `additionalData` 选项,这个选项允许你在所有被处理的文件之间共享常见的变量,而不需要显式地导入它们: ``` js // webpack.config.js -> module.rules