Как перейти на Vue-cli 3?
Пересмотр моего собственного проекта, основанного на Vue-cli 2, который был загружен с использованием шаблона webpack. Итак, после короткого чтения о новых функциях в версии 3 я решил, что пришло время обновиться, потому что, наконец, мы можем изменить конфигурацию / поведение веб-пакета, используя vue.config.js
и cli ui и многие другие функции, которые вы можете найти на https: //cli.vuejs. org / ».
У меня стандартный макет проекта, и это было довольно просто, поэтому стандартная структура проекта выглядит как
А внутри src это выглядит так
Мой план состоял в том, чтобы
- Создайте новый проект,
- Скопируйте и вставьте каталог
src
, - Скопируйте зависимости,
- Надеюсь, что это работает.
Так я и сделал, и первое исключение касалось @
псевдонима, добавление vue.config.js
с преобразователем псевдонимов webpack было решением
Затем внезапно библиотека под названием toposort выдает ошибку Error: Cyclic dependency
, поискав в issues of vue-cli, я обнаружил, что у людей такая же проблема.
Обновление конфигурации предложенным решением прошло успешно
Так что, на мой взгляд, апгрейд оказался проще, чем ожидалось изначально. Я также пробовал просто обновить существующий проект, но в итоге мне было трудно следовать, поэтому я решил просто создать новый проект с желаемыми функциями, а затем перейти к нему.
После завершения миграции параллельное сравнение показало, как все меняется и как проект был приведен в порядок.
Если появятся другие проблемы, этот пост будет дополнен найденными решениями. До этого обновление проходило более или менее гладко, и возникали лишь незначительные проблемы.
Спасибо.