init
This commit is contained in:
Sebastian Frank
commit
4466f001a7
GPG Key ID:
7270D06DDA7FE8C3
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
@ -0,0 +1,5 @@
|
||||
__temp/
|
||||
node_modules/
|
||||
dist/
|
||||
build/
|
||||
yarn-error.log
|
||||
16
.prettierrc
Normal file
16
.prettierrc
Normal file
@ -0,0 +1,16 @@
|
||||
{
|
||||
"printWidth": 80,
|
||||
"tabWidth": 4,
|
||||
"singleQuote": false,
|
||||
"trailingComma": "es5",
|
||||
"semi": false,
|
||||
"newline-before-return": true,
|
||||
"no-duplicate-variable": [true, "check-parameters"],
|
||||
"no-var-keyword": true,
|
||||
|
||||
"svelteSortOrder": "markup-styles-scripts",
|
||||
"svelteStrictMode": true,
|
||||
"svelteBracketNewLine": true,
|
||||
"svelteAllowShorthand": true,
|
||||
"svelteIndentScriptAndStyle": true
|
||||
}
|
||||
11
.vscode/settings.json
vendored
Normal file
11
.vscode/settings.json
vendored
Normal file
@ -0,0 +1,11 @@
|
||||
{
|
||||
"eslint.alwaysShowStatus": true,
|
||||
"tslint.autoFixOnSave": true,
|
||||
"editor.formatOnSave": true,
|
||||
"editor.formatOnPaste": true,
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||
"[typescriptreact]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
},
|
||||
"liveServer.settings.root": "/build"
|
||||
}
|
||||
20
README.md
Normal file
20
README.md
Normal file
@ -0,0 +1,20 @@
|
||||
# Svelte Skeleton with Typescript support and Snowpack bundler
|
||||
|
||||
## prepare
|
||||
|
||||
`yarn install`
|
||||
|
||||
## dev server
|
||||
|
||||
`yarn start`
|
||||
|
||||
## build and bundle
|
||||
|
||||
`yarn bundle`
|
||||
|
||||
## start developing
|
||||
|
||||
- in `src/` your .ts files
|
||||
- in `types/`your type definitions
|
||||
- in `src/components/` your Svelte components
|
||||
- in `public/` your index.html and static assets (relative to / on webserver)
|
||||
35
package.json
Normal file
35
package.json
Normal file
@ -0,0 +1,35 @@
|
||||
{
|
||||
"name": "skel-svelte-snowpack",
|
||||
"version": "1.0.0",
|
||||
"main": "src/index.js",
|
||||
"author": "Sebastian Frank",
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
"validate": "svelte-check && tsc --noEmit",
|
||||
"start": "snowpack dev",
|
||||
"build": "snowpack build"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@snowpack/plugin-dotenv": "^2.0.4",
|
||||
"@snowpack/plugin-svelte": "^3.3.0",
|
||||
"@snowpack/plugin-typescript": "^1.1.0",
|
||||
"@snowpack/plugin-webpack": "^2.1.1",
|
||||
"@snowpack/web-test-runner-plugin": "^0.1.4",
|
||||
"@tsconfig/svelte": "^1.0.10",
|
||||
"@types/snowpack-env": "^2.3.2",
|
||||
"less": "^3.12.2",
|
||||
"prettier": "^2.1.2",
|
||||
"prettier-plugin-svelte": "^1.4.1",
|
||||
"rollup": "^2.33.1",
|
||||
"snowpack": "^2.17.1",
|
||||
"svelte": "^3.29.7",
|
||||
"svelte-check": "^1.1.11",
|
||||
"svelte-hmr": "^0.11.6",
|
||||
"svelte-preprocess": "^4.0.8",
|
||||
"tslib": "^2.0.3",
|
||||
"typescript": "^4.0.0",
|
||||
"webpack-bundle-analyzer": "^4.1.0"
|
||||
},
|
||||
"dependencies": {},
|
||||
"browserslist": ">0.5%, ie 11, not dead"
|
||||
}
|
||||
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
24
public/index.html
Normal file
24
public/index.html
Normal file
@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="description" content="Web site created using create-snowpack-app" />
|
||||
<title>Snowpack App</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<script type="module" src="/_dist_/index.js"></script>
|
||||
<!--
|
||||
This HTML file is a template.
|
||||
If you open it directly in the browser, you will see an empty page.
|
||||
|
||||
You can add webfonts, meta tags, or analytics to this file.
|
||||
The build step will place the bundled scripts into the <body> tag.
|
||||
|
||||
To begin the development, run `npm start` or `yarn start`.
|
||||
To create a production bundle, use `npm run build` or `yarn build`.
|
||||
-->
|
||||
</body>
|
||||
</html>
|
||||
4
public/logo.svg
Normal file
4
public/logo.svg
Normal file
@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98.1 118">
|
||||
<path fill="#ff3e00" d="M91.8 15.6C80.9-.1 59.2-4.7 43.6 5.2L16.1 22.8A31.25 31.25 0 001.9 43.9c-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.7-9-.4-18.2-5.7-25.5"/>
|
||||
<path fill="#fff" d="M40.9 103.9a21.8 21.8 0 01-23.4-8.7c-3.2-4.4-4.4-9.9-3.5-15.3l.6-2.6.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1a6.62 6.62 0 008.8 2L65.5 72c1.4-.9 2.3-2.2 2.6-3.8.3-1.6-.1-3.3-1-4.6a6.56 6.56 0 00-8.8-1.9l-10.5 6.7a18.6 18.6 0 01-5.6 2.4 21.8 21.8 0 01-23.4-8.7 20.2 20.2 0 01-3.4-15.3c.9-5.2 4.1-9.9 8.6-12.7l27.5-17.5c1.7-1.1 3.6-1.9 5.6-2.5a21.8 21.8 0 0123.4 8.7c3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1a6.56 6.56 0 00-8.8-1.9L32.4 46.1c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6a6.56 6.56 0 008.8 1.9l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5a21.8 21.8 0 0123.4 8.7c3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.5 17.5c-1.7 1.1-3.6 1.9-5.6 2.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
3
public/robots.txt
Normal file
3
public/robots.txt
Normal file
@ -0,0 +1,3 @@
|
||||
# https://www.robotstxt.org/robotstxt.html
|
||||
User-agent: *
|
||||
Disallow:
|
||||
49
snowpack.config.js
Normal file
49
snowpack.config.js
Normal file
@ -0,0 +1,49 @@
|
||||
const BundleAnalyzerPlugin = require("webpack-bundle-analyzer")
|
||||
.BundleAnalyzerPlugin
|
||||
|
||||
/** @type {import("snowpack").SnowpackUserConfig } */
|
||||
module.exports = {
|
||||
mount: {
|
||||
public: "/",
|
||||
src: "/_dist_",
|
||||
},
|
||||
plugins: [
|
||||
"@snowpack/plugin-svelte",
|
||||
"@snowpack/plugin-dotenv",
|
||||
"@snowpack/plugin-typescript",
|
||||
[
|
||||
"@snowpack/plugin-webpack",
|
||||
{
|
||||
sourceMap: false,
|
||||
extendConfig: (config) => {
|
||||
config.plugins.push(
|
||||
new BundleAnalyzerPlugin({
|
||||
analyzerMode: "static",
|
||||
openAnalyzer: false,
|
||||
})
|
||||
)
|
||||
return config
|
||||
},
|
||||
},
|
||||
],
|
||||
],
|
||||
install: [
|
||||
/* ... */
|
||||
],
|
||||
installOptions: {
|
||||
sourceMap: false,
|
||||
},
|
||||
devOptions: {
|
||||
/* ... */
|
||||
},
|
||||
buildOptions: {
|
||||
sourceMaps: false,
|
||||
clean: true,
|
||||
},
|
||||
proxy: {
|
||||
/* ... */
|
||||
},
|
||||
alias: {
|
||||
/* ... */
|
||||
},
|
||||
}
|
||||
18
src/components/App.svelte
Normal file
18
src/components/App.svelte
Normal file
@ -0,0 +1,18 @@
|
||||
<svelte:head>
|
||||
<title>Svelte Skeleton</title>
|
||||
</svelte:head>
|
||||
|
||||
<h1>Svelte Skeleton</h1>
|
||||
|
||||
{welcome}
|
||||
|
||||
|
||||
<style>
|
||||
h1 {
|
||||
color: darkred;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script lang="typescript">
|
||||
let welcome = "Hello World"
|
||||
</script>
|
||||
20
src/index.ts
Normal file
20
src/index.ts
Normal file
@ -0,0 +1,20 @@
|
||||
import App from "./components/App.svelte"
|
||||
|
||||
const app = new App({
|
||||
target: document.body,
|
||||
props: {},
|
||||
})
|
||||
|
||||
export default app
|
||||
|
||||
// Hot Module Replacement (HMR) - Remove this snippet to remove HMR.
|
||||
// Learn more: https://www.snowpack.dev/#hot-module-replacement
|
||||
// @ts-ignore
|
||||
if (import.meta?.hot) {
|
||||
// @ts-ignore
|
||||
import.meta.hot.accept()
|
||||
// @ts-ignore
|
||||
import.meta.hot.dispose(() => {
|
||||
app.$destroy()
|
||||
})
|
||||
}
|
||||
8
svelte.config.js
Normal file
8
svelte.config.js
Normal file
@ -0,0 +1,8 @@
|
||||
const sveltePreprocess = require("svelte-preprocess")
|
||||
module.exports = {
|
||||
preprocess: sveltePreprocess({
|
||||
defaults: {
|
||||
script: "typescript",
|
||||
},
|
||||
}),
|
||||
}
|
||||
26
tsconfig.json
Normal file
26
tsconfig.json
Normal file
@ -0,0 +1,26 @@
|
||||
{
|
||||
"extends": "@tsconfig/svelte/tsconfig.json",
|
||||
|
||||
"include": ["src/**/*"],
|
||||
"compilerOptions": {
|
||||
"module": "esnext",
|
||||
"typeRoots": ["./node_modules/@types", "./types"],
|
||||
|
||||
"target": "esnext",
|
||||
"moduleResolution": "node",
|
||||
"jsx": "preserve",
|
||||
"baseUrl": "./",
|
||||
/* paths - If you configure Snowpack import aliases, add them here. */
|
||||
"paths": {},
|
||||
/* noEmit - Snowpack builds (emits) files, not tsc. */
|
||||
"noEmit": true,
|
||||
/* Additional Options */
|
||||
// "strict": true,
|
||||
"skipLibCheck": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"resolveJsonModule": true,
|
||||
"useDefineForClassFields": true,
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"importsNotUsedAsValues": "error"
|
||||
}
|
||||
}
|
||||
0
types/.empty
Normal file
0
types/.empty
Normal file
Loading…
Reference in New Issue
Block a user