Быстрый старт | Отладка и развертывание | Журнал версий

Подсказка: Версия на Gitee может отставать (в основном потому что мне забывает синхронизировать, O(∩_∩)O), можно получить последнюю версию по адресу https://github.com/yuzhanglong/YuJudge!

Быстрый старт

Перейти к просмотру

Онлайн DEMO

Тестовый сайт CodeSandbox (можно изменять код в реальном времени)

Отладка и развертывание

Проект собран с использованием webpack, текущий бранч уже выполнил yarn eject, конфигурация webpack должна быть управляема разработчиками самостоятельно.

Файлы конфигурации webpack находятся в директории config/webpack.

Файлы скриптов yarn находятся в директории script.

Установка

yarn install

Установка при возникновении проблем (проблемы установки node-sass)

npm install -g mirror-config-china --registry=http://registry.npm.taobao.org
yarn install
```### Запуск в среде разработки

```shell
yarn start

Создание пакета для продакшена

yarn build

Создание пакета для продакшена с внешними ссылками

Откройте package.json, измените buildWithPrefix

"scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js",
    "buildWithPrefix": "node scripts/build.js http://cdn.yuzzl.top(ваш внешний URL)",
    "upload": "node scripts/upload.js"
}

Выполните

yarn buildWithPrefix

При этом все созданные js, css, изображения (за исключением статических файлов из директории public) будут указывать на ваш внешний URL, а не на корневую директорию build.

Интеграция сервиса хранения Qiniu

Если вы используете облачное хранилище Qiniu для хранения статических файлов, попробуйте следующее:

Откройте файл script/upload.js, найдите приведённый ниже код и внесите изменения согласно комментариям.

// Ключ доступа и конфигурация
const ACCESS_KEY = 'o4fgM7P2lPEyo3уже недействителенFZ7s_NGdo_xJVNDdKf55apCubX';
const SECRET_KEY = 'YxRkcS8o-GSLMo1уже недействителенajWuLjeFxFsMo1WKnOvyrLjB8';
// Бакет
const options = {
  scope: "yzlyzуже недействителенl123",
};
// Зона сервера
config.zone = uploader.zone.Zone_z2;

Сборка с префиксом

yarn buildWithPrefix

Выполнение скрипта загрузки

yarn upload

Все CSS, JS и другие статические файлы будут автоматически загружены на сервер Qiniu, вам потребуется загрузить только файлы index.html и некоторые файлы с иконками на сервер для хостинга.### Журнал версий

Последняя версия 1.0.0

1.0.0

Релиз проекта front-end/back-end на GitHub