riotjs development template using vite
Go to file
Geoff Doty 435c9c29d0 update deps 2023-11-28 21:33:36 -05:00
src consistancy across docs, example, and config 2023-03-15 08:36:13 -04:00
.gitignore initial commit 2022-07-06 22:32:19 -04:00
LICENSE initial commit 2022-07-06 22:32:19 -04:00
README.md tweak doc 2023-03-15 08:37:55 -04:00
index.html major refactor of auto component init 2023-03-02 13:29:00 -06:00
package-lock.json update deps 2023-11-28 21:33:36 -05:00
package.json update deps 2023-11-28 21:33:36 -05:00
vite.config.js consistancy across docs, example, and config 2023-03-15 08:36:13 -04:00

README.md

Vite RiotJS Template

Use Vite Starter Template to scaffold a new Riot project.

Getting Started

Pull the template files with degit and install dependencies

npx degit n2geoff/vite-riot-template my-project

cd my-project
npm install
npm run dev

Checklist

When you use this template, you should update the following with your information

  • Update package.json information
  • Change the author name in LICENSE
  • Change the favicon in public
  • Clean up the README

Project Structure

dist/                               <-- `npm run build` app
src/                                <-- your source code
    css/                            <-- processed css files
    js/                             <-- processed javascript files
    public/                         <-- unprocessed static `/` assets
    components/                     <-- riots components
        hello-riot.riot             <-- example riot component
    app.js                          <-- app initialization
index.html                          <-- START HERE
vite.config.js                      <-- build configuration
README.md
...                                 <-- misc project meta files

Automatic Tag Registeration

Any .riot components under the src/ directory are automatically registered, like components/. You can add, rename, restructure the folders as you like.

SEE: /src/app.js for more information

NPM Scripts

  • npm run dev - Starts the development server at port 5173
  • npm run build - Builds the application in a dist folder
  • npm run preview - Serves the build files (dist folder) locally at port 4173

See ViteJS Documentation for more information

License