You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/ru/config/README.md
+4
Original file line number
Diff line number
Diff line change
@@ -380,6 +380,10 @@ module.exports = {
380
380
381
381
Использовать ли `thread-loader` для транспиляции Babel или TypeScript. Включается для production-сборок, когда система имеет более 1 процессорных ядер. Указание числа определит количество задействованных воркеров (workers).
382
382
383
+
::: warning Внимание
384
+
Не используйте `parallel` в комбинации с не-сериализуемыми опциями загрузчика, такими как регулярные выражения, даты и функции. Такие опции не будут корректно переданы соответствующим загрузчикам, что может привести к неожиданным ошибкам.
Copy file name to clipboardExpand all lines: docs/ru/core-plugins/babel.md
+2
Original file line number
Diff line number
Diff line change
@@ -26,6 +26,8 @@ module.exports = {
26
26
27
27
[thread-loader](https://github.com/webpack-contrib/thread-loader) используется по умолчанию, если машина имеет более 1 ядра CPU. Это можно отключить указав `parallel: false` в файле `vue.config.js`.
28
28
29
+
Опция `parallel` должна быть установлена в `false` при использовании Babel в комбинации с не-сериализуемыми опциями загрузчика, таким как регулярные выражения, даты и функции. Такие опции не будут корректно переданы в `babel-loader`, что может привести к неожиданным ошибкам.
Copy file name to clipboardExpand all lines: docs/ru/core-plugins/typescript.md
+2
Original file line number
Diff line number
Diff line change
@@ -24,6 +24,8 @@ TypeScript может быть сконфигурирован через `tsconf
24
24
25
25
[thread-loader](https://github.com/webpack-contrib/thread-loader) используется по умолчанию, если машина имеет более 1 ядра CPU. Это можно отключить указав `parallel: false` в файле `vue.config.js`.
26
26
27
+
Опция `parallel` должна быть установлена в `false` при использовании Typescript в комбинации с не-сериализуемыми опциями загрузчика, таким как регулярные выражения, даты и функции. Такие опции не будут корректно переданы в `ts-loader`, что может привести к неожиданным ошибкам.
Copy file name to clipboardExpand all lines: docs/ru/guide/deployment.md
+42-61
Original file line number
Diff line number
Diff line change
@@ -44,6 +44,8 @@ serve -s dist
44
44
Если вы публикуете по адресу `https://<USERNAME>.github.io/<REPO>/`, (т.е. ваш репозиторий находится по адресу `https://github.com/<USERNAME>/<REPO>`), установите `publicPath` в значение `"/<REPO>/"`. Например, если ваш репозиторий называется "my-project", то ваш `vue.config.js` будет выглядеть примерно так:
45
45
46
46
```js
47
+
// файл vue.config.js должен быть расположен в корневом каталоге проекта
48
+
47
49
module.exports= {
48
50
publicPath:process.env.NODE_ENV==='production'
49
51
?'/my-project/'
@@ -170,6 +172,24 @@ module.exports = {
170
172
171
173
Подробнее можно изучить в [документации Netlify по перенаправлениям](https://www.netlify.com/docs/redirects/#history-pushstate-and-single-page-apps).
172
174
175
+
При использовании [@vue/cli-plugin-pwa](../core-plugins/pwa.md#vue-cli-plugin-pwa) убедитесь, что файл `_redirects` не кэшируется service worker.
176
+
177
+
Для этого добавьте в `vue.config.js` следующее:
178
+
179
+
```js
180
+
// файл vue.config.js должен быть расположен в корневом каталоге проекта
181
+
182
+
module.exports = {
183
+
pwa: {
184
+
workboxOptions: {
185
+
exclude: [/_redirects/]
186
+
}
187
+
}
188
+
}
189
+
```
190
+
191
+
Подробнее об опциях [workboxOptions](../core-plugins/pwa.md#configuration) и [exclude](https://developers.google.com/web/tools/workbox/reference-docs/latest/module-workbox-webpack-plugin.InjectManifest#InjectManifest).
192
+
173
193
### Render
174
194
175
195
[Render](https://render.com) предлагает [бесплатный хостинг статических сайтов](https://render.com/docs/static-sites) с полностью управляемым SSL, глобальным CDN и непрерывным автоматическим развёртыванием из GitHub.
Обратитесь к [документации Firebase](https://firebase.google.com/docs/hosting/deploying) для получения более подробной информации.
261
281
262
-
### Now
282
+
### Vercel
263
283
264
-
В данном примере используется последняя версия платформы Now версии 2.
284
+
[Vercel](https://vercel.com/home) — облачная платформа, позволяющая разработчикам хостить Jamstack веб-сайты и веб-сервисы, которые публикуются мгновенно, автоматически масштабируются и не требуют никакого контроля, всё это с zero-конфигурацией. Они обеспечивают глобальный доступ, SSL-шифрование, сжатие ресурсов, инвалидацию кэша и многое другое.
265
285
266
-
1. Установите Now CLI:
286
+
#### Шаг 1: Публикация проекта Vue на Vercel
267
287
268
-
```bash
269
-
npm install -g now
288
+
Для публикации проекта Vue с помощью [Vercel для интеграции с Git](https://vercel.com/docs/git-integrations), убедитесь, что он был выложен в Git-репозиторий.
270
289
271
-
# Или если предпочитаете локальную установку
272
-
npm install now
273
-
```
290
+
Импортируйте проект в Vercel с помощью [Import Flow](https://vercel.com/import/git). Во время импорта будут запрошены все соответствующие [опции](https://vercel.com/docs/build-step#build-&-development-settings), предварительно сконфигурированные, но с возможностью изменения при необходимости.
274
291
275
-
2. Добавьте файл `now.json` в корневой каталог проекта:
292
+
После импорта проекта, все последующие push в ветку будут генерировать [публикации для предпросмотра](https://vercel.com/docs/platform/deployments#preview), а все изменения внесённые в [ветку Production](https://vercel.com/docs/git-integrations#production-branch) (обычно "master" или "main") будут приводить к [публикации Production](https://vercel.com/docs/platform/deployments#production).
#### Шаг 2 (опционально): Использование пользовательского домена
311
297
312
-
Когда значение `outputDir` вместо стандартного `dist` указано `build`:
313
-
314
-
```diff
315
-
- {
316
-
- "src": "package.json",
317
-
- "use": "@now/static-build"
318
-
- }
319
-
+ {
320
-
+ "src": "package.json",
321
-
+ "use": "@now/static-build",
322
-
+ "config": { "distDir": "build" }
323
-
+ }
324
-
```
298
+
При необходимости использовать пользовательский домен при публикации Vercel, можно **Добавить** или **Перенаправить** домен через [настройки домена аккаунта](https://vercel.com/dashboard/domains) Vercel.
325
299
326
-
3. Добавьте `now-build` скрипт для публикации в `package.json`:
300
+
Для добавления домена в проект, перейдите в раздел [Проект](https://vercel.com/docs/platform/projects) на панели Vercel. После выбора проекта перейдите на вкладку "Настройки", затем выберите пункт меню **Домены**. На странице **Домен** вашего проекта, укажите домен которые хотите использовать в проекте.
327
301
328
-
```json
329
-
"now-build": "npm run build"
330
-
```
302
+
После добавления домена, будут предоставлены различные методы его настройки.
303
+
304
+
#### Публикация свежего проекта на Vue
305
+
306
+
Для публикации свежего проекта на Vue с настроенным Git-репозиторием, можно с помощью кнопки Deploy ниже:
307
+
308
+
[](https://vercel.com/import/git?s=https%3A%2F%2Fgithub.com%2Fvercel%2Fvercel%2Ftree%2Fmaster%2Fexamples%2Fvue)
331
309
332
-
Для публикации запустите `now`.
310
+
## Ресурсы:
333
311
334
-
Если необходим псевдоним публикации, запустите `now --target production`.
Copy file name to clipboardExpand all lines: docs/ru/guide/installation.md
+4-4
Original file line number
Diff line number
Diff line change
@@ -6,7 +6,7 @@
6
6
:::
7
7
8
8
::: tip Требования к версии Node
9
-
Vue CLI требуется [Node.js](https://nodejs.org/) версии 8.9 или выше (рекомендуется 8.11.0+). Управлять несколькими версиями Node на машине можно с помощью[nvm](https://github.com/creationix/nvm) или [nvm-windows](https://github.com/coreybutler/nvm-windows).
9
+
Vue CLI 4.x требуется [Node.js](https://nodejs.org/) версии 8.9 или выше (рекомендуется v10+). Управлять несколькими версиями Node на машине можно через [n](https://github.com/tj/n),[nvm](https://github.com/creationix/nvm) или [nvm-windows](https://github.com/coreybutler/nvm-windows).
10
10
:::
11
11
12
12
Для установки нового пакета используйте одну из следующих команд. Для их выполнения потребуются права администратора, если только npm не был установлен в системе через менеджер версий Node.js (например, n или nvm).
@@ -29,21 +29,21 @@ vue --version
29
29
30
30
Для обновления глобального пакета Vue CLI выполните команду:
31
31
32
-
```bash
32
+
```bash
33
33
npm update -g @vue/cli
34
34
# ИЛИ
35
35
yarn global upgrade --latest @vue/cli
36
36
```
37
37
38
38
#### Зависимости проекта
39
39
40
-
Команды обновления, показанные выше, только для глобально установленного пакета Vue CLI. Для обновления одного или нескольких пакетов, связанных с `@vue/cli` (включая пакеты, начинающиеся с `@vue/cli-plugin-`) внутри проекта, запустите `vue upgrade` в каталоге проекта:
40
+
Команды обновления, показанные выше, только для глобально установленного пакета Vue CLI. Для обновления одного или нескольких пакетов, связанных с `@vue/cli` (включая пакеты, начинающиеся с `@vue/cli-plugin-` или `vue-cli-plugin-`) внутри проекта, запустите `vue upgrade` в каталоге проекта:
41
41
42
42
```
43
43
Использование: upgrade [options] [plugin-name]
44
44
(экспериментально) upgrade vue cli service / plugins
45
45
Опции:
46
-
-t, --to <version> Обновить <package-name> до определённой версии
46
+
-t, --to <version> Обновить <plugin-name> до определённой версии
47
47
-f, --from <version> Пропустить проверку установленного плагина, предполагая что он будет обновляться с указанной версии
48
48
-r, --registry <url> Использовать указанный npm-регистр при установке зависимостей
Copy file name to clipboardExpand all lines: docs/ru/guide/mode-and-env.md
+10-4
Original file line number
Diff line number
Diff line change
@@ -43,10 +43,16 @@ vue-cli-service build --mode development
43
43
44
44
```
45
45
FOO=bar
46
-
VUE_APP_SECRET=secret
46
+
VUE_APP_NOT_SECRET_CODE=some_value
47
47
```
48
48
49
-
Обратите внимание, что только переменные с префиксом `VUE_APP_` будут статически внедряться в клиентскую сборку с помощью `webpack.DefinePlugin`.
49
+
::: warning ВНИМАНИЕ
50
+
Не храните никаких секретов (например, приватных ключей API) в приложении!
51
+
52
+
Так как переменные окружения внедряются в сборку, то любой желающий сможет увидеть их, изучив файлы сборки приложения.
53
+
:::
54
+
55
+
Обратите внимание, что только `NODE_ENV`, `BASE_URL` и переменные, именованные с префикса `VUE_APP_`, статически внедрятся в *клиентскую сборку* с помощью `webpack.DefinePlugin`. Это сделано во избежание случайного обнародования закрытого ключа на машине, которая может иметь такое же имя.
50
56
51
57
Подробнее о правилах парсинга env можно узнать [в документации `dotenv`](https://github.com/motdotla/dotenv#rules). Мы также используем [dotenv-expand](https://github.com/motdotla/dotenv-expand) для переменных расширения (доступно в Vue CLI 3.5+).
Можно получить доступ к переменным окружения из кода приложения:
87
93
88
94
```js
89
-
console.log(process.env.VUE_APP_SECRET)
95
+
console.log(process.env.VUE_APP_NOT_SECRET_CODE)
90
96
```
91
97
92
-
На этапе сборки `process.env.VUE_APP_SECRET` будет заменяться соответствующим значением. Когда в файле указано `VUE_APP_SECRET=secret` — после сборки значением будет `"secret"`.
98
+
На этапе сборки `process.env.VUE_APP_NOT_SECRET_CODE` будет заменяться соответствующим значением. Когда в файле указано `VUE_APP_NOT_SECRET_CODE=some_value` — после сборки значением будет `"some_value"`.
93
99
94
100
В дополнение к переменным `VUE_APP_*` есть также две специальные переменные, которые всегда доступны в коде приложения:
0 commit comments