init
commit
ec23b422a9
|
@ -0,0 +1,19 @@
|
|||
*.min.js
|
||||
.httpserver
|
||||
index.html
|
||||
test.js
|
||||
.vscode
|
||||
node_modules/
|
||||
dist/
|
||||
*.sublime-project
|
||||
*.sublime-workspace
|
||||
package-lock.json
|
||||
|
||||
|
||||
._*
|
||||
|
||||
.Spotlight-V100
|
||||
.Trashes
|
||||
.DS_Store
|
||||
.AppleDouble
|
||||
.LSOverride
|
|
@ -0,0 +1,10 @@
|
|||
jsxBracketSameLine: true
|
||||
jsxSingleQuote: true
|
||||
semi: false
|
||||
singleQuote: true
|
||||
printWidth: 80
|
||||
useTabs: false
|
||||
tabWidth: 2
|
||||
trailingComma: none
|
||||
bracketSpacing: true
|
||||
arrowParens: avoid
|
|
@ -0,0 +1,21 @@
|
|||
MIT License
|
||||
|
||||
Copyright (c) 2018
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
|
@ -0,0 +1,98 @@
|
|||
## Wkitd
|
||||
> 基于`wkit`封装的一个应用框架, 提供`store`和`router`等基础服务。
|
||||
|
||||
![downloads](https://img.shields.io/npm/dt/wkitd.svg)
|
||||
![version](https://img.shields.io/npm/v/wkitd.svg)
|
||||
|
||||
### 开发文档
|
||||
[开发文档](https://github.com/bytedo/wkitd/wikid)
|
||||
|
||||
|
||||
### 我们的特色
|
||||
|
||||
- 提供迷你的单页应用开发环境
|
||||
- 无需`node.js`编译, 即写即用。
|
||||
|
||||
|
||||
|
||||
### 示例
|
||||
|
||||
|
||||
app.js
|
||||
|
||||
```js
|
||||
// alias wkitd='//jscdn.ink/wkitd/latest/index.js'
|
||||
import { css, html, createApp, createRouter, createWebHistory, createStore } from 'wkitd'
|
||||
|
||||
|
||||
const store = createStore({
|
||||
foo: 123,
|
||||
bar: 456
|
||||
})
|
||||
|
||||
import './views/home.js' // <wc-home />
|
||||
|
||||
const router = createRouter({
|
||||
history: createWebHistory(),
|
||||
routes: [
|
||||
{
|
||||
path: '/',
|
||||
name: 'wc-home' // element tagname !importent
|
||||
},
|
||||
{
|
||||
path: '/about',
|
||||
name: 'wc-about',
|
||||
component: () => import('./views/about.js')
|
||||
}
|
||||
]
|
||||
})
|
||||
|
||||
|
||||
createApp({
|
||||
data:{},
|
||||
methods: {},
|
||||
render(){
|
||||
return html`
|
||||
<div class="app">
|
||||
<router-view></router-view>
|
||||
</div>`
|
||||
}
|
||||
})
|
||||
.use(store)
|
||||
.use(router)
|
||||
.mount()
|
||||
|
||||
|
||||
```
|
||||
|
||||
|
||||
index.html
|
||||
|
||||
```html
|
||||
<!doctype html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
|
||||
<title>wkitd example</title>
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
<link href="" rel="stylesheet">
|
||||
<script type="importmap">
|
||||
{
|
||||
"imports":{
|
||||
"es.shim":"https://jscdn.ink/lib/es.shim.js",
|
||||
"wkit":"https://jscdn.ink/lib/wkit.js",
|
||||
"fetch":"https://jscdn.ink/lib/fetch.js",
|
||||
"@bd/ui/":"https://jscdn.ink/@bd/ui/latest/"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="module" src="/app.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<wc-app></wc-app>
|
||||
</body>
|
||||
</html>
|
||||
```
|
|
@ -0,0 +1,18 @@
|
|||
{
|
||||
"name": "wkitd",
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"main": "dist/index.js",
|
||||
"files": [
|
||||
"dist/*"
|
||||
],
|
||||
"scripts": {
|
||||
"build:next": "esbuild src/index.js --minify --bundle --format=esm --target=esnext --outfile=dist/index.js",
|
||||
"build:es6": "esbuild src/index.js --minify --bundle --format=esm --target=es6 --outfile=dist/index.es6.js",
|
||||
"build": "npm run build:next && npm run build:es6"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/bytedo/wkitd.git"
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue