Добавление сгенерированных CLI компонентов проекта Vue в устаревший проект - PullRequest
Новая
       75

Добавление сгенерированных CLI компонентов проекта Vue в устаревший проект

0 голосов
/ 23 сентября 2019

Шаблоны моего прежнего проекта отображаются на стороне сервера перед возвратом в браузер.У меня есть проект леса, созданный vue create [project_name].Я хотел бы включить компоненты этого скаффолдингового проекта в мой устаревший проект.

Я предполагал, что могу просто связать сборку dist/app.js с устаревшей index.html, однако это не сработает, как ожидалось.:

Legacy index.html : 

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="/path/to/app.12345.js"></script>
<body>
    <div id="app">
        <MyComponent></MyComponent>
    </div>
</body>

Мне было предложено построить в режиме библиотеки ,Итак, я попробовал этот подход.Компоновка библиотеки выводит следующие файлы:

  1. dist / myLib.umd.min.js
  2. dist / myLib.umd.js
  3. dist / myLib.common.js
  4. dist / myLib.css

Я предполагаю, что эти файлы должны быть включены, и все будет работать как положено.Однако:

  • Включение файла myLib.common.js возвращает ошибку на консоль: Uncaught ReferenceError: module is not defined at app.common.js
  • Включение dist/myLib.umd.js показывает отсутствие изменений в том, что отображается - компонент <MyComponent></MyComponent>по-прежнему отображается как <MyComponent></MyComponent>
...