ReferenceError: окно не определено во время сборки vue -cli 3

Question

Довольно долго go Я создал проект, используя vue create. После нескольких месяцев разработки мы решили не поддерживать IE11 или любые версии ниже этого (ууу!).

Чтобы сделать это, я хочу добавить чистый Javascript код до index.html внутри папки public.

Я добавил следующее к index.html:

<script>
  if (window.document.documentMode) {
    setDisplay('app', 'none');
    setDisplay('browser-not-supported', 'block');
  }

  function setDisplay(elId, display) {
    var element = window.document.getElementById(elId);

    if (!element) {
      return;
    }

    element.style.display = display;
  }
</script>

Однако, снова запустив yarn build:production, я получаю следующее ошибка:

Template execution failed: ReferenceError: window is not defined

  ReferenceError: window is not defined

  - index.html:98
    /Users/[username]/Development/[...]/public/index.html:98:10

  - index.html:105 0971.module.exports
    /Users/[username]/Development/[...]/public/index.html:105:3

  - index.js:284 Promise.resolve.then
    [projectname]/[html-webpack-plugin]/index.js:284:18

Я уже добавил configureWebpack: config => { config.output.globalObject = 'this' } к vue.config.js, согласно другому ответу на SO.
Я также установил env: { node: true, browser: true } в .eslintrc.js.

Это не имеет значения, если я введу код в head или body, возникает та же ошибка.

Есть ли что-то, что я могу проверить, или что-то, что я пропустил здесь?