Как удалить косую черту "/" из URL ресурса в веб-пакете | Гэтсби - PullRequest
3 голосов
/ 09 марта 2019

Я создаю сборку из веб-пакета. Но всякий раз, когда он генерирует сборку, он создает файл index.html вместе с другими файлами, но в index.html он добавляет script теги с суффиксом "/". Я хочу добавить в веб-пакет конфигурацию, чтобы вместо суффикса добавлялось имя файлов разных ресурсов "/"

Мой index.html:

<head>
  <meta charSet="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta name="generator" content="Gatsby 2.1.19" />
  <link as="script" rel="preload" href="/component---src-templates-all-pokemon-js-d59d33d2742ee8d7199e.js" />
  <link as="script" rel="preload" href="/app-a6912420758bcc3e24a1.js" />
  <link as="script" rel="preload" href="/webpack-runtime-65c9ddc0802b64490fd8.js" />
  <link as="fetch" rel="preload" href="/static/d/382/path---index-6a9-UNWMCjcHKgbI17oOwICQKH7zPs.json"
    crossorigin="use-credentials" />
</head>

Но я хочу, чтобы это было так для всех и каждого.

<head>
  <meta charSet="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  <meta name="generator" content="Gatsby 2.1.19" />
  <link as="script" rel="preload" href="component---src-templates-all-pokemon-js-d59d33d2742ee8d7199e.js" />
  <link as="script" rel="preload" href="app-a6912420758bcc3e24a1.js" />
  <link as="script" rel="preload" href="webpack-runtime-65c9ddc0802b64490fd8.js" />
  <link as="fetch" rel="preload" href="static/d/382/path---index-6a9-UNWMCjcHKgbI17oOwICQKH7zPs.json"
    crossorigin="use-credentials" />
</head>

Я знаю, что мне нужно изменить настройки моего веб-пакета, но я не могу сделать это для всех файлов активов в Gatsby. Я хочу сделать это для каждого файла, который я загружаю из моего браузера.

1 Ответ

3 голосов
/ 09 марта 2019

Я не думаю, что есть какой-либо способ удалить начальную косую черту, но если ваш сайт gatsby не является корнем вашего домена, например www.example.com/blog/, вы можете использовать префикс пути.

Из документации

Существует два шага для создания сайта с префиксами пути.

  1. Сначала определите префикс вgatsby-config.js вашего сайта.

gatsby-config.js

    module.exports = {
        // Note: it must *not* have a trailing slash.
        pathPrefix: `/blog`,
    }

Затем передайте --prefix-paths cmd опцию Гэтсби.

gatsby build --prefix-paths

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