vue crane

vue-кран (НЕ ПОДДЕРЖИВАЕТСЯ)

Универсальный, модульный, многостраничный, полнофункциональный шаблон Vue для работы с огромными проектами. На основе Node.js, Express, PM2, Lerna, Webpack, Babel, Vue.js, Element, PostCSS.

Функции

• element-ui в качестве утилит пользовательского интерфейса.
• Сочетает в себе prettier и ESlint в перехватчике перед фиксацией с использованием lint-staged . Перестаньте беспокоиться о том, что дерьмовый код попадет в вашу кодовую базу.
• pm2 в качестве менеджера производственного процесса.
• http-proxy-middleware для прокси-сервера API удаленного сервера, чтобы избежать ошибки CORS.
• используйте webpack dll для улучшения производительности во время сборки.
• Поддержка dynamic webpack entry через cli.
• lerna для управления несколькими проектами в одном проекте.
• postcss для препроцессора CSS следующего поколения.
• Объедините сервер разработки и производственный сервер на одном express сервере.
• winston в качестве системы регистрации.
• Поддержка экспресс-настройки маршрутизатора.
• Автоматически создавать пакетный проект для развертывания.

Начиная

git clone https://github.com/posrix/vue-crane my-project
cd my-project
npm install
npm run dev

Динамическая запись веб-пакета

За время существования разработка в огромном проекте. Гораздо приличнее позволить веб-пакету собрать необходимый файл, чем собирать весь проект. vue-crane использует cli в качестве входа, чтобы позволить пользователю выбрать, какой модуль разрабатывать.

Разработка серверной части

Запустите локальный производственный сервер с горячей перезагрузкой с помощью nodemon .

$ npm install
$ npm run build
$ npm run local 

Производство

В vue-crane есть 3 производственные среды:

• Test среда
• Pre-Release среды
• Среда Release

Каждая среда имеет свой собственный сценарий запуска:

Тестовая среда:

$ npm run stage

Предварительная версия среды:

$ npm run pre

Среда выпуска:

$ npm run release

Развертывание

vue-crane использует для развертывания пакетный проект под названием vue-crane-bundle. Каждый раз, когда вы хотите создать новую версию, просто выполните сценарий оболочки. Все будет решено в вашем пакетном проекте. Использование пакетного проекта для развертывания дает три преимущества:

• Сохраняйте согласованность зависимостей сервера в разных средах.
• Быстрый откат к предыдущей версии при возникновении ошибки.
• Развертывайте только необходимые файлы на производственном онлайн-сервере.

Шаг развертывания

1. Создайте пустой репозиторий git в качестве проекта пакета. Добавьте удаленный URL-адрес в любую службу хостинга репозитория git. Убедитесь, что ваш проект пакета находится на том же уровне папки, что и исходный проект.

2. Отредактируйте сценарий пакета в package.json . Необходимо указать три параметра: source_project , bundle_project , release_branch .

{
  "bundle" : " sh ./tasks/bundle.sh source_project bundle_project release_branch "
}

3. Выполнить пакетный скрипт.

$ npm run bundle

Лицензия

Лицензия MIT (MIT). Пожалуйста, смотрите файл лицензии для получения дополнительной информации.