2) Сделать сборку для проекта webpack 5 + vue 3 не vue-cli

5 000 руб. за проект
25 мая 2022, 13:47 • 3 отклика • 15 просмотров
Сделать сборку для проекта webpack 5 + vue 3 не vue-cli

За 1-3 дней, качество важнее, могу увеличить время.

НЕ предлагать другая архитектуры по проектам или организацию папок, надо выполнить именно так как в пунктах.
Если в пунктах есть непонятности или ошибки на уровне "это не возможно собрать" готов обсудить.



В прикреплённом архиве есть тестовый проект (только для Vue SPA приложение) который надо исправить до такой степени, чтобы он собирался новыми webpack 5 + vue 3 (раньше был webpack 2 + vue 2 вроде)
Дано:
0) НЕ ТайпСкрипт только JS как и было
1) Сделать сборщик только для Vue SPA одностраничный сайт только с разбитием на чанки если так делается
2) vue-cli не предлагать , только webpack 5 + vue 3
3) есть готовый package.json со старыми технологиями его надо почистить
devDependencies получается всю переделать на своё усмотрение
dependencies - оставить по максимуму, что не устарело, vuetify попробовать как-то прикрутить
4) Стиль скриптов оставить прежний, если нет ошибок
yarn build:testP
yarn build:<название сайта-отдельная папка><контур сборки, одна буква>
5) Для стилей будет использоваться LESS, это про например в файле PageHeader.vue <br/>6) handlebars - надо убрать <br/>7) Если надо ввести опциональность то использовать объект, например, как ARGS.isDEV, для переменных окружения прод/разработка использовать ARGS.isDEV <br/>8) Выдержать архитектуру, <br/>только одна папка с node_modules в корне рабочего пространства, <br/>рядом с ней, папка <название сайта-отдельная папка> в которой есть файл webpack.config.js = папка с сайтом из Vue SPA <br/>9) Сборку module.exports производить из компонентов: <br/>webpack.config.base.js <br/>webpack.config.js <br/>и скрипты в папке webpack-module-exports-js <br/> <br/>сейчас соединение делается merge в webpack.config.js - который находится в папке<название сайта-отдельная папка> сайта Vue SPA <br/>10) сборка дева и сборка прода делается из папки src в 2 разные папки в зависимости от типа билда <br/><название сайта-отдельная папка>/src <br/><название сайта-отдельная папка>/build/dev <br/><название сайта-отдельная папка>/build/prod <br/>11)Как будет производится проверка работы (если не ошибаюсь) скрипты уже есть в package.json <br/>yarn - загрузит компоненты <br/>yarn run build:testD - соберёт сайт из папки vue-test дев версию (запускаю ручками html в браузере) <br/>yarn run build:testP - соберёт сайт из папки vue-test прод версию (запускаю ручками html в браузере) <br/>yarn run start:testD - запустит демонстрацию сайта дев переменных окружения <br/>yarn run start:testP - запустит демонстрацию сайта прод переменных окружения <br/>скрипт index.js тоже наверное надо поправить чтобы сайт из примера тоже запустился который состоит только из верхнего меню <br/>index.html - тоже надо поправить <br/> <br/>Итогом успешной сдачи работы будет достаточно отрисовки компонента PageHeader.vue Пример https://yadi.sk/i/Nj0Ja9yV1OhSeA , только названия пунктов меню будет из файла <br/> <br/>https://yadi.sk/d/YzzcnBPODiUAnA <br/>Телега LeinKub <br/> <br/>