starbase
4.0.0
Starbase ist ein produktionsbereites statisches Website-Boilerplate mit Webpack 5, TypeScript, PostCSS und Tailwind CSS, das für die Integration mit modernen Jamstack-Hosting-Anbietern wie Vercel, Netlify und AWS Amplify entwickelt wurde. Beginnen Sie in wenigen Minuten mit der Entwicklung einiger der leistungsstärksten Front-End-Technologien, die im Jahr 2024 verfügbar sind, unterstützt von einer wunderbar einfachen und voll ausgestatteten Entwicklererfahrung.
Starbase wurde von Brian Staruk als persönlicher Code-Styleguide und flexibles Projekt-Boilerplate erstellt. Es handelt sich um eine fortlaufende Arbeit, die seit Anfang 2017 konsequent gepflegt wird, wobei der Schwerpunkt auf der Implementierung der neuesten Industriestandards und der Aktualisierung aller Abhängigkeiten liegt.
„Einfachheit ist die ultimative Raffinesse.“
- Leonardo da Vinci
Die Hauptaufgabe von Starbase besteht darin, anspruchsvoll und einfach zu sein. einfach zu konfigurieren, zu erweitern und zu integrieren. Dies macht es auch zu einer großartigen Plattform für Webentwickler, um ihr Wissen über Bare-Metal-Webpack-Konfigurationen, TypeScript und/oder Tailwind CSS zu erweitern.
Führen Sie zunächst den folgenden Befehl aus, der Sie durch den Installationsprozess führt:
npx starbase@latest Es wird empfohlen, NVM (oder NVM-Windows) zu verwenden, um Ihre Node-Versionsinstallationen zu verwalten. Wenn Sie nvm nicht verwenden, müssen Sie anhand der Datei /.nvmrc überprüfen, ob Ihre Node-Version mit der empfohlenen Version kompatibel ist.
Stellen Sie zunächst sicher, dass Sie die empfohlene Version von Node ausführen, und installieren Sie die Projektabhängigkeiten:
nvm use
npm install Der Befehl dev stellt die Projektquelle unter http://localhost:3000 bereit. Alle in /src vorgenommenen Änderungen kompilieren die Quelle neu und aktualisieren Ihren Webbrowser.
npm run dev Der build -Befehl kompiliert und minimiert die Projektquelle zur Integration oder Bereitstellung in /dist .
npm run buildStarbase ist für die Bereitstellung im Stammverzeichnis eines Webservers in einer Hosting-Umgebung wie Vercel, Netlify usw. eingerichtet. Daher werden alle Assets (JS, CSS, Schriftarten, Bilder usw.) mit absoluten Pfaden referenziert.
Wenn Sie Assets stattdessen über relative Pfade referenzieren möchten, damit kompilierte .html Dateien verteilt und in einem Webbrowser geöffnet werden können, ohne dass eine Bereitstellung in einer Hosting-Umgebung erforderlich ist, müssen Sie den publicPath in /webpack/webpack.config.base.ts entfernen (oder auskommentieren). /webpack/webpack.config.base.ts .
Wenn Sie die absoluten Pfade beibehalten, sie aber auf ein Unterverzeichnis statt auf das Stammverzeichnis festlegen möchten, können Sie den Wert ändern, anstatt ihn zu entfernen.
Starbase ist kostenlose Open-Source-Software. Bitte baut tolle Dinge damit. Wenn Sie das nächste Mal in Boston sind, können Sie mir ein Bier kaufen, das Projekt starten und es einem Freund erzählen, oder Sie können alle Herkunftsspuren entfernen und Ihren Kollegen sagen, dass Sie es selbst gemacht haben. Es ist alles gut!
