Starbase — это готовый к использованию шаблон статического веб-сайта, включающий Webpack 5, TypeScript, PostCSS и Tailwind CSS, который был разработан для интеграции с современными хостинг-провайдерами Jamstack, такими как Vercel, Netlify и AWS Amplify. Начните создавать за считанные минуты с помощью одних из самых мощных интерфейсных технологий, доступных в 2024 году, на основе удивительно простого и полнофункционального интерфейса для разработчиков.
Starbase был создан Брайаном Старуком как руководство по стилю личного кода и гибкий шаблон проекта. Это непрерывная работа, которая постоянно ведется с начала 2017 года с упором на внедрение новейших отраслевых стандартов и поддержание актуальности всех зависимостей.
«Простота – это предельная изысканность».
- Леонардо да Винчи
Основная задача Starbase — быть предельно простой; легко настраивать, расширять и интегрировать. Это также делает его отличной платформой для веб-разработчиков, позволяющей расширить свои знания о конфигурациях Webpack без ОС, TypeScript и/или Tailwind CSS.
Чтобы начать, выполните команду ниже, которая проведет вас через процесс установки:
npx starbase@latest
Рекомендуется использовать nvm (или nvm-windows) для управления установками версий Node. Если вы не будете использовать nvm, вам потребуется обратиться к файлу /.nvmrc
, чтобы убедиться, что ваша версия Node совместима с рекомендуемой версией.
Начните с того, что убедитесь, что вы используете рекомендуемую версию Node, и установите зависимости проекта:
nvm use
npm install
Команда dev
предоставит источник проекта по адресу http://localhost:3000. Любые изменения, внесенные в /src
приведут к перекомпиляции исходного кода и обновлению вашего веб-браузера.
npm run dev
Команда build
скомпилирует и минимизирует исходный код проекта в /dist
для интеграции или развертывания.
npm run build
Starbase настроен для развертывания в корне веб-сервера в среде хостинга, такой как Vercel, Netlify и т. д. Таким образом, все ресурсы (js, css, шрифты, изображения и т. д.) имеют абсолютные пути.
Если вместо этого вы хотите ссылаться на ресурсы по относительным путям, чтобы скомпилированные файлы .html
можно было распространять и открывать в веб-браузере без необходимости развертывания в среде хостинга, вам необходимо удалить (или закомментировать) publicPath
в /webpack/webpack.config.base.ts
.
Если вы хотите сохранить абсолютные пути, но установить для них подкаталог вместо корня, вы можете изменить значение вместо его удаления.
Starbase — бесплатное программное обеспечение с открытым исходным кодом. Пожалуйста, создавайте с его помощью потрясающие вещи. Вы можете купить мне пива в следующий раз, когда будете в Бостоне, поставить звезду проекта и рассказать другу, а можете стереть все признаки происхождения и сказать коллегам, что сделали его сами. Все хорошо!