Sveldex
Projeto feito com base em outro projeto que fiz em angular NgPokedex e também foi utilizado como objeto de estudos sobre o framework UI svelte para a escrita de um artigo sobre o mesmo.
Instruções para execução
Instalação
$ git clone https://github.com/tvmota/svelte-parcel
$ cd svelte-parcel
#----------Execução_Com_NPM---------
$ npm i
#----------Execução_Com_YARN---------
$ yarn
Execução
#----------Execução_Com_NPM---------
$ npm run dev
#----------Execução_Com_YARN---------
$ yarn dev
Geração do build para deploy
#----------Execução_Com_NPM---------
$ npm run build
#----------Execução_Com_YARN---------
$ yarn build
Libs utilizadas
Framework UI: Svelte Framework UI para construção da aplicação, que tem como vantagem principal compilar os componentes svelte em JS puro.
Toolkit CSS: Tailwind Biblioteca utilitária que prove classes básicas para construções de componentes, assim trabalhando muito bem com frameworks UI(angular, react, vue, etc)
Roteamento: Svelte-spa-router Biblioteca para utilização de rotas com o sveltejs
Empacotador(Module Bundler): Parcel Empacotador alternativo ao consagrado webpack, com muitas facilidades para o desenvolvimento e rapidez para compilação dos modúlos
Processador CSS: Postcss Processador css que utiliza plugins para processar o css, como exemplo neste projeto foi utilizado para compilar o tailwind e também o purgecss para otimizar o css removendo css inutilizado
Referencias
that's all follks, for now
