Skip to content

Commit 35723b0

Browse files
Alex-Sokolovkazupon
authored andcommitted
[RU] Translation update (#1125)
* Russian translation update * options.md допереведено предложение * SUMMARY.md добавлен перечень настроек * options.md добавлена новая опция * testing-with-mocks.md добавлены -loader * testing.md исправлен пример * scoped-css.md добавлен раздел про вложенные селекторы * pre-processors.md добавлена новая секция * options.md нумерация версий * advanced.md нумерация версий * options.md уточнение * options.md уточнение * Fix merge * SUMMARY.md добавлены новые пункты * scoped-css.md новые правки * options.md новые свойства * hot-reload.md обновления * scoped-css.md правка * HTTP -> HTTPS * testing-with-mocks.md правка примера * SUMMARY.md добавлены новые пункты * functional-template.md добавлен новый файл * options.md новые разделы * functional-template.md переведён * functional.md правки * postcss.md исправлен пример * options.md новая секция * hot-reload.md новая секция * testing-with-mocks.md новые правки * postcss.md правки * options.md новые правки * options.md правки * asset-url.md добавлены разъяснения
1 parent 31d309d commit 35723b0

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

docs/ru/configurations/asset-url.md

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,8 +14,26 @@
1414
createElement('img', { attrs: { src: require('../image.png') }})
1515
```
1616

17+
### Правила преобразования
18+
19+
- Если URL является абсолютным путём (например, `/images/foo.png`), он будет оставлен как есть.
20+
21+
- Если URL начинается с `.`, он будет истолковываться как относительный запрос модуля и разрешаться на основе структуры каталогов вашей файловой системы.
22+
23+
- Если URL начинается с `~`, то всё что после него будет истолковываться как запрос модуля. Это означает, что вы можете ссылаться на ресурсы даже внутри node_modules:
24+
25+
``` html
26+
<img src="~/some-npm-package/foo.png">
27+
```
28+
29+
- (13.7.0+) Если URL начинается с `@`, то также будет истолковываться как запрос модуля. Это полезно если в вашей конфигурации webpack есть псевдоним для `@`, который по умолчанию указывает на `/src` в любом проекте, созданном через `vue-cli`.
30+
31+
### Связанные загрузчики
32+
1733
Так как `.png` это не JavaScript-файл, вам необходимо настроить webpack использовать [file-loader](https://github.com/webpack/file-loader) или [url-loader](https://github.com/webpack/url-loader) для их обработки. Проект создаваемый с помощью `vue-cli` уже сделает это за вас.
1834

35+
### Почему
36+
1937
Преимущества подобного подхода:
2038

2139
1. `file-loader` позволяет определить куда нужно скопировать и поместить файл, а также как именовать его с добавлением в имя хэша для лучшего кеширования. Кроме того, это означает что **вы можете просто поместить изображения рядом с вашим `*.vue` файлами и использовать относительные пути, основанные на структуре каталогов, не беспокоясь об адресах при развёртывании**. При правильной конфигурации, webpack будет автоматически заменять пути к файлам в корректные URL в итоговой сборке.

0 commit comments

Comments
 (0)