mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix(examples): use external stylesheet for rollup examples

Browse source
This commit is contained in:
Eric Liu 2020-09-27 10:57:08 -07:00
commit bb3158e171
9 changed files with 32 additions and 2376 deletions
Download patch file Download diff file Expand all files Collapse all files

3
examples/rollup-typescript/package.json
View file

@ -16,14 +16,13 @@
"@rollup/plugin-typescript": "^6.0.0", "@rollup/plugin-typescript": "^6.0.0",
"@tsconfig/svelte": "^1.0.0", "@tsconfig/svelte": "^1.0.0",
"carbon-components-svelte": "^0.12.0", "carbon-components-svelte": "^0.12.0",
"node-sass": "^4.14.1",
"rollup": "^2.3.4", "rollup": "^2.3.4",
"rollup-plugin-livereload": "^2.0.0", "rollup-plugin-livereload": "^2.0.0",
"rollup-plugin-svelte": "^6.0.0", "rollup-plugin-svelte": "^6.0.0",
"rollup-plugin-terser": "^7.0.0", "rollup-plugin-terser": "^7.0.0",
"svelte": "^3.0.0", "svelte": "^3.0.0",
"svelte-check": "^1.0.0", "svelte-check": "^1.0.0",
"svelte-preprocess": "^4.0.0", "svelte-preprocess": "^4.3.2",
"tslib": "^2.0.0", "tslib": "^2.0.0",
"typescript": "^3.9.3" "typescript": "^3.9.3"
} }

6
examples/rollup-typescript/public/index.html
View file

@ -7,7 +7,11 @@
name="viewport" name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no" content="width=device-width, initial-scale=1, shrink-to-fit=no"
/> />
<title>typescript</title> <title>rollup-typescript</title>
<link
rel="stylesheet"
href="https://unpkg.com/carbon-components-svelte@0.14.0/css/all.css"
/>
<link rel="stylesheet" href="/build/bundle.css" /> <link rel="stylesheet" href="/build/bundle.css" />
<script defer src="/build/bundle.js"></script> <script defer src="/build/bundle.js"></script>
</head> </head>

4
examples/rollup-typescript/src/App.svelte
View file

@ -18,10 +18,6 @@
let theme: "g10" = "g10"; let theme: "g10" = "g10";
</script> </script>
<style lang="scss" global>
@import "carbon-components-svelte/css/all";
</style>
<Theme persist bind:theme> <Theme persist bind:theme>
<Header /> <Header />
<Content style="background: none; padding: 1rem"> <Content style="background: none; padding: 1rem">

1167
examples/rollup-typescript/yarn.lock
View file

File diff suppressed because it is too large Load diff

4
examples/rollup/package.json
View file

@ -9,14 +9,12 @@
"@rollup/plugin-commonjs": "^15.0.0", "@rollup/plugin-commonjs": "^15.0.0",
"@rollup/plugin-node-resolve": "^9.0.0", "@rollup/plugin-node-resolve": "^9.0.0",
"carbon-components-svelte": "^0.12.0", "carbon-components-svelte": "^0.12.0",
"node-sass": "^4.14.1",
"rimraf": "^3.0.2", "rimraf": "^3.0.2",
"rollup": "^2.23.0", "rollup": "^2.23.0",
"rollup-plugin-livereload": "^2.0.0", "rollup-plugin-livereload": "^2.0.0",
"rollup-plugin-serve": "^1.0.3", "rollup-plugin-serve": "^1.0.3",
"rollup-plugin-svelte": "^6.0.0", "rollup-plugin-svelte": "^6.0.0",
"rollup-plugin-terser": "^7.0.2", "rollup-plugin-terser": "^7.0.2",
"svelte": "^3.24.0", "svelte": "^3.24.0"
"svelte-preprocess": "^4.0.9"
} }
} }

4
examples/rollup/public/index.html
View file

@ -8,6 +8,10 @@
content="width=device-width, initial-scale=1, shrink-to-fit=no" content="width=device-width, initial-scale=1, shrink-to-fit=no"
/> />
<title>rollup</title> <title>rollup</title>
<link
rel="stylesheet"
href="https://unpkg.com/carbon-components-svelte@0.14.0/css/all.css"
/>
<link rel="stylesheet" href="/build/bundle.css" /> <link rel="stylesheet" href="/build/bundle.css" />
<script defer src="/build/bundle.js"></script> <script defer src="/build/bundle.js"></script>
</head> </head>

2
examples/rollup/rollup.config.js
View file

@ -4,7 +4,6 @@ import resolve from "@rollup/plugin-node-resolve";
import serve from "rollup-plugin-serve"; import serve from "rollup-plugin-serve";
import svelte from "rollup-plugin-svelte"; import svelte from "rollup-plugin-svelte";
import livereload from "rollup-plugin-livereload"; import livereload from "rollup-plugin-livereload";
import sveltePreprocess from "svelte-preprocess";
const PORT = process.env.PORT || 3000; const PORT = process.env.PORT || 3000;
const PROD = !process.env.ROLLUP_WATCH; const PROD = !process.env.ROLLUP_WATCH;
@ -20,7 +19,6 @@ export default {
plugins: [ plugins: [
svelte({ svelte({
dev: !PROD, dev: !PROD,
preprocess: sveltePreprocess(),
css: (css) => css.write("bundle.css", !PROD), css: (css) => css.write("bundle.css", !PROD),
}), }),
resolve({ browser: true, dedupe: ["svelte"] }), resolve({ browser: true, dedupe: ["svelte"] }),

4
examples/rollup/src/App.svelte
View file

@ -18,10 +18,6 @@
let theme = "g10"; let theme = "g10";
</script> </script>
<style lang="scss" global>
@import "carbon-components-svelte/css/all";
</style>
<Theme persist bind:theme> <Theme persist bind:theme>
<Header /> <Header />
<Content style="background: none; padding: 1rem"> <Content style="background: none; padding: 1rem">

1214
examples/rollup/yarn.lock
View file

File diff suppressed because it is too large Load diff