Как изменить индекс html в vue cli? - PullRequest
0 голосов
/ 07 марта 2020

Я хочу изменить индекс html в процессе сборки vue cli. (vue .config. js)

Есть ли способ сделать это?

Это мой индекс html выглядит так:

<!DOCTYPE html>
<html lang="en">
  <head>

    <%= foo %>

    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta charset="utf-8" />

    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title>blabla</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimal-ui" />
  </head>
  <body>
    <noscript>
      <strong>We're sorry but tera.com-vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
  </body>
</html>

и я хочу, чтобы vue / webpack проанализировал значение 1 до foo.

1 Ответ

0 голосов
/ 07 марта 2020

Vue подключится к DIV с идентификатором app. Таким образом, ваш {{foo}} будет вне допустимого диапазона для Vue, чтобы изменить его.

Вы должны изучить Отдельные файловые компоненты , чтобы вы могли обернуть все HTML внутри Vue.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...