October 31, 2019 ~ 1 min read

LearnIt 👋

setup | svelte,sapper,npx,npm,rollup, sass, scss

Getting started with the sapper-template

The default Sapper template, available for Rollup.

Create new project using degit

npx degit "sveltejs/sapper-template#rollup" my-app

Add SCSS support

npm i svelte-preprocess-sass node-sass

in: rollup.config.js

  svelte({

    ...

    preprocess: {
      style: sass({}, { name: 'scss' }),
    },
  }),
<style lang="scss">
  ...
</style>

Running the project

npm run dev

Open up localhost:3000 and enjoy.