indrajith/svelte-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial Commit - Fixed the 'npm run dev' command issue. Original script doesn't build files when changed.

Browse Source
This commit is contained in:
Indrajith K L
2018-02-15 14:24:00 +05:30
commit 506c63b251
11 changed files with 2118 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored Normal file
View File

@@ -0,0 +1,3 @@
.DS_Store
node_modules
public/bundle.*

33
README.md Normal file
View File

@@ -0,0 +1,33 @@
## svelte app (Modified)
This is a project template for [Svelte](https://svelte.technology) apps. Original url at https://github.com/sveltejs/template.
To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit):
```bash
npm install -g degit # you only need to do this once
degit sveltejs/template svelte-app
cd svelte-app
```
*Note that you will need to have [Node.js](https://nodejs.org) installed.*
## Get started
Install the dependencies...
```bash
cd svelte-app
npm install
```
...then start [Rollup](https://rollupjs.org):
```bash
npm run dev
```
Navigate to [localhost:5000](http://localhost:5000). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.

1906
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

24
package.json Normal file
View File

@@ -0,0 +1,24 @@
{
"name": "svelte-app",
"version": "1.0.0",
"devDependencies": {
"rollup": "^0.53.2",
"rollup-plugin-buble": "^0.18.0",
"rollup-plugin-commonjs": "^8.2.6",
"rollup-plugin-node-resolve": "^3.0.0",
"rollup-plugin-svelte": "^4.0.0",
"rollup-plugin-uglify": "^2.0.1",
"serve": "^6.4.3",
"svelte": "^1.50.0"
},
"scripts": {
"build": "rollup -c",
"rollups": "./node_modules/.bin/rollup -w -c",
"dev": "npm run rollups | npm run start",
"start": "serve public"
},
"author": {
"name": "Indrajith K L",
"email": ""
}
}

61
public/global.css Normal file
View File

@@ -0,0 +1,61 @@
html, body {
position: relative;
width: 100%;
height: 100%;
}
body {
color: #333;
margin: 0;
padding: 8px;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
a {
color: rgb(0,100,200);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: rgb(0,80,160);
}
label {
display: block;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
padding: 0.4em;
margin: 0 0 0.5em 0;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 2px;
}
input:disabled {
color: #ccc;
}
input[type="range"] {
height: 0;
}
button {
background-color: #f4f4f4;
outline: none;
}
button:active {
background-color: #ddd;
}
button:focus {
border-color: #666;
}

16
public/index.html Normal file
View File

@@ -0,0 +1,16 @@
<!doctype html>
<html>
<head>
<meta charset='utf8'>
<meta name='viewport' content='width=device-width'>
<title>Svelte app</title>
<link rel='stylesheet' href='global.css'>
<link rel='stylesheet' href='bundle.css'>
</head>
<body>
<script src='bundle.js'></script>
</body>
</html>

47
rollup.config.js Normal file
View File

@@ -0,0 +1,47 @@
import svelte from 'rollup-plugin-svelte';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import buble from 'rollup-plugin-buble';
import uglify from 'rollup-plugin-uglify';
const production = !process.env.ROLLUP_WATCH;
export default {
input: 'src/main.js',
output: {
sourcemap: true,
format: 'iife',
name: 'app',
file: 'public/bundle.js'
},
plugins: [
svelte({
// enable run-time checks when not in production
dev: !production,
// we'll extract any component CSS out into
// a separate file — better for performance
css: css => {
css.write('public/bundle.css');
},
// enable https://svelte.technology/guide#state-management
store: true,
// this results in smaller CSS files
cascade: false
}),
// If you have external dependencies installed from
// npm, you'll most likely need these plugins. In
// some cases you'll need additional configuration —
// consult the documentation for details:
// https://github.com/rollup/rollup-plugin-commonjs
resolve(),
commonjs(),
// If we're building for production (npm run build
// instead of npm run dev), transpile and minify
production && buble({ exclude: 'node_modules/**' }),
production && uglify()
]
};

16
src/App.html Normal file
View File

@@ -0,0 +1,16 @@
<label>Hello {{name}}!</label>
Template : <Test1></Test1>
Template : <Test2></Test2>
<style>
h1 {
color: purple;
}
</style>
<script>
import Test1 from './components/Test1/Test1.html';
import Test2 from './components/Test2/Test2.html';
export default {
components :{Test1, Test2}
}
</script>

1
src/components/Test1/Test1.html Normal file
View File

@@ -0,0 +1 @@
<label>Test 1</label>

1
src/components/Test2/Test2.html Normal file
View File

@@ -0,0 +1 @@
<label>Test 2</label>

10
src/main.js Normal file
View File

@@ -0,0 +1,10 @@
import App from './App.html';
const app = new App({
target: document.body,
data: {
name: 'This is my name'
}
});
export default app;