dafn
diff --git a/‎README.md
Copy file name to clipboardExpand all lines: README.md
+3-2Lines changed: 3 additions & 2 deletions b/‎README.md
Copy file name to clipboardExpand all lines: README.md
+3-2Lines changed: 3 additions & 2 deletions
diff --git a/‎package.json
Copy file name to clipboardExpand all lines: package.json
+12-10Lines changed: 12 additions & 10 deletions b/‎package.json
Copy file name to clipboardExpand all lines: package.json
+12-10Lines changed: 12 additions & 10 deletions
diff --git a/‎rollup.config.js
Copy file name to clipboardExpand all lines: rollup.config.js
+4-4Lines changed: 4 additions & 4 deletions b/‎rollup.config.js
Copy file name to clipboardExpand all lines: rollup.config.js
+4-4Lines changed: 4 additions & 4 deletions
diff --git a/‎src/index.svelte
Copy file name to clipboardExpand all lines: src/index.svelte
+1-1Lines changed: 1 addition & 1 deletion b/‎src/index.svelte
Copy file name to clipboardExpand all lines: src/index.svelte
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎tsconfig.json
Copy file name to clipboardExpand all lines: tsconfig.json
+1-1Lines changed: 1 addition & 1 deletion b/‎tsconfig.json
Copy file name to clipboardExpand all lines: tsconfig.json
+1-1Lines changed: 1 addition & 1 deletion
@@ -1,6 +1,7 @@
-# svelte-typescript-rollup
+# Svelte + Typescript + Rollup
 
-Minimal boilerplate example of Svelte with Typescript using Rollup
+Minimal boilerplate example of Svelte with Typescript using Rollup.
+This also includes SCSS support
 
 Install packages
 ```bash
 
@@ -8,20 +8,22 @@
     "build": "rm -rf ./dist && NODE_ENV=production rollup --config"
   },
   "dependencies": {
-    "svelte": "^3.9.1"
+    "svelte": "^3.17.2"
   },
   "devDependencies": {
-    "rollup": "^1.20.0",
-    "rollup-plugin-bundle-html": "^0.2.1",
-    "rollup-plugin-commonjs": "^10.0.2",
-    "rollup-plugin-css-porter": "^1.0.2",
-    "rollup-plugin-livereload": "^1.0.1",
+    "node-sass": "^4.13.1",
+    "rollup": "^1.29.1",
+    "rollup-plugin-bundle-html": "^0.2.2",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-livereload": "^1.0.4",
     "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-postcss": "^2.0.3",
+    "rollup-plugin-scss": "^2.1.0",
     "rollup-plugin-serve": "^1.0.1",
-    "rollup-plugin-svelte": "^5.1.0",
-    "rollup-plugin-terser": "^5.1.1",
+    "rollup-plugin-svelte": "^5.1.1",
+    "rollup-plugin-terser": "^5.2.0",
     "rollup-plugin-typescript2": "^0.22.1",
-    "svelte-preprocess": "^3.1.0",
-    "typescript": "^3.5.3"
+    "svelte-preprocess": "^3.3.0",
+    "typescript": "^3.7.5"
   }
 }
@@ -3,7 +3,7 @@ import commonjs from "rollup-plugin-commonjs"
 import resolve from "rollup-plugin-node-resolve"
 import serve from "rollup-plugin-serve"
 import html from "rollup-plugin-bundle-html"
-import css from "rollup-plugin-css-porter"
+import postcss from "rollup-plugin-postcss"
 import typescript from "rollup-plugin-typescript2"
 import typescriptCompiler from "typescript"
 import { terser } from "rollup-plugin-terser"
@@ -15,15 +15,15 @@ const plugins = [
     dev: process.env.NODE_ENV === "development",
     extensions: [".svelte"],
     preprocess: sveltePreprocessor(),
+    emitCss: true,
   }),
   html({
     template: "src/index.html",
     dest: "dist",
     filename: "index.html"
   }),
-  css({
-    dest: 'dist/index.css',
-    raw: false
+  postcss({
+    extract: true
   }),
   typescript({ typescript: typescriptCompiler }),
   commonjs({ include: "node_modules/**" }),
 
@@ -4,7 +4,7 @@
     c: string = "Rollup";
 </script>
 
-<style>
+<style lang="scss">
   :global(body) {
     display: flex;
     justify-content: center;
 
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "es6",
     "baseUrl": "./"
   },
   "include": [
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"compilerOptions": {`
`3`		`- "target": "es5",`
	`3`	`+ "target": "es6",`
`4`	`4`	`"baseUrl": "./"`
`5`	`5`	`},`
`6`	`6`	`"include": [`