Как добавить vue-cli в существующий проект?

Question

У меня есть проект на Vue.js, использующий Webpack.И я хочу добавить к нему функции vue-cli, чтобы я мог работать с ним так же, как с проектом генерации vue-cli.Но я не знаю, как интегрировать vue-cli с существующим проектом.

С новым проектом я могу сделать vue create <project-name, но я не смог найти инструкцию по его интеграции с существующими проектами.Есть ли официальный способ сделать это?(Полагаю, я могу просто создать новый проект и переместить туда все исходники, но, тем не менее, возможно, есть лучший способ сделать это)

Answer 1

Я сделал это «болезненным» способом - создав новый проект и сравнив его с моим существующим.Я говорю больно, потому что я использовал Bootstrap прямо на странице индекса, а также в настройках PWA.Посылка использовалась в качестве упаковщика, а все мои папки были в корне (ресурсы, компоненты и т.То, что я сделал для облегчения перехода:

• изменил иерархию папок и имена в соответствии с новым проектом
• добавил недостающие плагины в package.json
• удалил все настройки PWA из index.html.Они вставляются автоматически.
• добавил недостающие файлы и папки из нового проекта, а именно
  • / public с содержимым
  • все отдельные файлы конфигурации в корневом каталоге
• добавлено .eslintignore, игнорирование node_modules / **
• переименовано в index.js в main.js (хотя, вероятно, и не нужно)
• добавлено загрузочное css через импорт в main.js
• скорректированные пути к изображениям (favicon и другие).Пути и имена favicon, вероятно, можно настроить
• обновил скрипт "serve" для "vue-cli-service serve --host 127.0.0.1 --port 8080", чтобы запустить сервер dev