Coder Social home page Coder Social logo

hmmhmmhm / svelte-spa-template Goto Github PK

View Code? Open in Web Editor NEW
41.0 3.0 3.0 970 KB

๐Ÿšง An easy-to-use Svelte SPA template! (Svelte + Typescript + Parcel + Express) 2020

License: MIT License

TypeScript 66.77% CSS 2.44% HTML 26.03% JavaScript 4.77%
svelte svelte-example svelte-v3 typescript nodejs express parcel svelte3 svelte-template svelte-spa-template

svelte-spa-template's Introduction

๐Ÿšง Svelte SPA Template

Svelte + Typescript + Parcel + Express

An easy-to-use Svelte template!

  • Allowed to use code splitting in svelte. (code chunk, npm modules.. dynamic import.. code split... whatever)

Svelte Is Awesome GIF

Command

  • npm start

    Run the development server. This command creates a path accessible through HTTP and HTTPS. HTTP is applied with Hot Module Replacement (HMR). HTTPS has a built-in certificate for testing.

  • npm run build

    Generate production build results. Minify is applied to the result and hmr is excluded.

  • npm run watch

    Same as the npm start command, but does not serve the code with HTTP and HTTPS.

  • npm run clean

    This command deletes all files in the 'dist' folder. However, the folder below the list is not deleted. If there is a static resource that should not be deleted, create a folder in the folder and use it.

License

MIT Licensed.

svelte-spa-template's People

Contributors

dependabot[bot] avatar hmmhmmhm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

svelte-spa-template's Issues

build script issue

Hi @hmmhmmhm , I tried to run build (npm run build , npm run production-build) in this template and got this error

 /Users/joshuao/Documents/Dev/starters/svelte-spa-template/src/global.css:undefined:undefined: /Users/joshuao/Documents/Dev/starters/svelte-spa-template/node_modules/postcss-reduce-initial contains both .browserslistrc and package.json with browsers

on both occasions. running npm run start works ok. can you please have a look?

image resource usage

Hi @hmmhmmhm how is testimage in the resource object supposed to be used (say in an img element)

export const Resources = {
    testImage: require('./images/test-image.png')
}

export default Resources

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.