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