mirror of
https://gitee.com/ice-gl/icegl-three-vue-tres.git
synced 2025-04-04 06:02:45 +08:00
vite打包方式启动fesjs
This commit is contained in:
hawk
commit
f6afe4010e
16
.editorconfig
Normal file
16
.editorconfig
Normal file
@ -0,0 +1,16 @@
|
||||
# http://editorconfig.org
|
||||
|
||||
root = true
|
||||
lib
|
||||
|
||||
[*]
|
||||
charset = utf-8
|
||||
indent_style = space
|
||||
indent_size = 4
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
trim_trailing_whitespace = true
|
||||
|
||||
[*.md]
|
||||
insert_final_newline = false
|
||||
trim_trailing_whitespace = false
|
||||
11
.eslintrc.js
Normal file
11
.eslintrc.js
Normal file
@ -0,0 +1,11 @@
|
||||
module.exports = {
|
||||
extends: ['@webank/eslint-config-webank/vue.js'],
|
||||
overrides: [
|
||||
{
|
||||
files: ['**/__tests__/*.{j,t}s?(x)', '**/tests/unit/**/*.spec.{j,t}s?(x)'],
|
||||
},
|
||||
],
|
||||
env: {
|
||||
jest: true,
|
||||
},
|
||||
};
|
||||
35
.fes.js
Normal file
35
.fes.js
Normal file
@ -0,0 +1,35 @@
|
||||
/*
|
||||
* @Description:
|
||||
* @Version: 1.668
|
||||
* @Autor: Hawk
|
||||
* @Date: 2023-10-16 10:53:09
|
||||
* @LastEditors: Hawk
|
||||
* @LastEditTime: 2023-10-16 10:57:22
|
||||
*/
|
||||
import { defineBuildConfig } from '@fesjs/fes';
|
||||
|
||||
export default defineBuildConfig({
|
||||
access: {
|
||||
roles: {
|
||||
admin: ['*'],
|
||||
manager: ['/'],
|
||||
},
|
||||
},
|
||||
layout: {
|
||||
title: 'Fes.js',
|
||||
footer: 'Created by MumbleFE',
|
||||
navigation: 'mixin',
|
||||
multiTabs: false,
|
||||
menus: [
|
||||
{
|
||||
name: 'index',
|
||||
},
|
||||
],
|
||||
},
|
||||
enums: {
|
||||
status: [
|
||||
['0', '无效的'],
|
||||
['1', '有效的'],
|
||||
],
|
||||
},
|
||||
});
|
||||
5
.fes.prod.js
Normal file
5
.fes.prod.js
Normal file
@ -0,0 +1,5 @@
|
||||
import { defineBuildConfig } from '@fesjs/fes';
|
||||
|
||||
export default defineBuildConfig({
|
||||
publicPath: './',
|
||||
});
|
||||
12
.gitignore
vendored
Normal file
12
.gitignore
vendored
Normal file
@ -0,0 +1,12 @@
|
||||
.DS_Store
|
||||
.cache
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/coverage
|
||||
|
||||
# fes
|
||||
/src/.fes
|
||||
/src/.fes-production
|
||||
/src/.fes-test
|
||||
.env.local
|
||||
3
.npmrc
Normal file
3
.npmrc
Normal file
@ -0,0 +1,3 @@
|
||||
public-hoist-pattern[]=@babel/*
|
||||
# 使用pnpm必须加上
|
||||
shamefully-hoist=true
|
||||
3
.prettierrc.js
Normal file
3
.prettierrc.js
Normal file
@ -0,0 +1,3 @@
|
||||
module.exports = {
|
||||
...require("@webank/eslint-config-webank/.prettierrc.js"),
|
||||
};
|
||||
17
index.html
Normal file
17
index.html
Normal file
@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>
|
||||
<%= title %>
|
||||
</title>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="./logo.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="<%= mountElementId %>"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
30
package.json
Normal file
30
package.json
Normal file
@ -0,0 +1,30 @@
|
||||
{
|
||||
"name": "@fesjs/template",
|
||||
"version": "3.0.0",
|
||||
"description": "fes项目模版",
|
||||
"scripts": {
|
||||
"build": "fes build",
|
||||
"prod": "FES_ENV=prod fes build",
|
||||
"analyze": "ANALYZE=1 fes build",
|
||||
"dev": "fes dev",
|
||||
"test:unit": "fes test:unit"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@webank/eslint-config-webank": "1.2.7"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fesjs/fes": "^3.0.0",
|
||||
"@fesjs/plugin-access": "^3.0.0",
|
||||
"@fesjs/plugin-layout": "^5.0.0",
|
||||
"@fesjs/plugin-model": "^3.0.0",
|
||||
"@fesjs/plugin-enums": "^3.0.0",
|
||||
"@fesjs/fes-design": "^0.8.0",
|
||||
"@fesjs/builder-vite": "^3.0.3",
|
||||
"vue": "^3.2.47",
|
||||
"core-js": "^3.29.1"
|
||||
},
|
||||
"private": true
|
||||
}
|
||||
BIN
public/logo.png
Normal file
BIN
public/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
25
src/app.jsx
Normal file
25
src/app.jsx
Normal file
@ -0,0 +1,25 @@
|
||||
import { access, defineRuntimeConfig } from '@fesjs/fes';
|
||||
|
||||
import PageLoading from '@/components/pageLoading.vue';
|
||||
import UserCenter from '@/components/userCenter.vue';
|
||||
|
||||
export default defineRuntimeConfig({
|
||||
beforeRender: {
|
||||
loading: <PageLoading />,
|
||||
action() {
|
||||
const { setRole } = access;
|
||||
return new Promise((resolve) => {
|
||||
setTimeout(() => {
|
||||
setRole('admin');
|
||||
// 初始化应用的全局状态，可以通过 useModel('@@initialState') 获取，具体用法看@/components/UserCenter 文件
|
||||
resolve({
|
||||
userName: '李雷',
|
||||
});
|
||||
}, 1000);
|
||||
});
|
||||
},
|
||||
},
|
||||
layout: {
|
||||
renderCustom: () => <UserCenter />,
|
||||
},
|
||||
});
|
||||
1
src/common/service.js
Normal file
1
src/common/service.js
Normal file
@ -0,0 +1 @@
|
||||
// 服务端接口管理
|
||||
1
src/common/utils.js
Normal file
1
src/common/utils.js
Normal file
@ -0,0 +1 @@
|
||||
// 放工具函数
|
||||
29
src/components/pageLoading.vue
Normal file
29
src/components/pageLoading.vue
Normal file
@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<div class="page-loading">
|
||||
<f-spin size="large" stroke="#5384ff" />
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { FSpin } from '@fesjs/fes-design';
|
||||
|
||||
export default {
|
||||
components: {
|
||||
FSpin,
|
||||
},
|
||||
setup() {
|
||||
return {};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.page-loading {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
21
src/components/userCenter.vue
Normal file
21
src/components/userCenter.vue
Normal file
@ -0,0 +1,21 @@
|
||||
<template>
|
||||
<div class="right">{{ initialState.userName }}</div>
|
||||
</template>
|
||||
<script>
|
||||
import { useModel } from '@fesjs/fes';
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
const initialState = useModel('@@initialState');
|
||||
return {
|
||||
initialState,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scope>
|
||||
.right {
|
||||
text-align: right;
|
||||
padding: 0 20px;
|
||||
}
|
||||
</style>
|
||||
3
src/global.less
Normal file
3
src/global.less
Normal file
@ -0,0 +1,3 @@
|
||||
body, html {
|
||||
margin: 0;
|
||||
}
|
||||
BIN
src/images/icon.png
Normal file
BIN
src/images/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
0
src/models/user.js
Normal file
0
src/models/user.js
Normal file
12
src/pages/index.vue
Normal file
12
src/pages/index.vue
Normal file
@ -0,0 +1,12 @@
|
||||
<template>
|
||||
<div style="padding: 32px">hello world</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { defineRouteMeta } from '@fesjs/fes';
|
||||
|
||||
defineRouteMeta({
|
||||
name: 'index',
|
||||
title: '首页',
|
||||
});
|
||||
</script>
|
||||
46
tsconfig.json
Normal file
46
tsconfig.json
Normal file
@ -0,0 +1,46 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"outDir": "build/dist",
|
||||
"module": "esnext",
|
||||
"target": "esnext",
|
||||
"lib": [
|
||||
"esnext",
|
||||
"dom"
|
||||
],
|
||||
"sourceMap": true,
|
||||
"baseUrl": ".",
|
||||
"jsx": "preserve",
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"moduleResolution": "node",
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"noImplicitReturns": true,
|
||||
"suppressImplicitAnyIndexErrors": true,
|
||||
"noUnusedLocals": true,
|
||||
"allowJs": true,
|
||||
"experimentalDecorators": true,
|
||||
"strict": true,
|
||||
"paths": {
|
||||
"@/*": [
|
||||
"./src/*"
|
||||
],
|
||||
"@@/*": [
|
||||
"./src/.fes/*"
|
||||
]
|
||||
}
|
||||
},
|
||||
"include": [
|
||||
"*.js",
|
||||
".fes*.js",
|
||||
"src/**/*",
|
||||
"typings/**/*",
|
||||
"config/**/*"
|
||||
],
|
||||
"exclude": [
|
||||
"build",
|
||||
"dist",
|
||||
"scripts",
|
||||
"webpack",
|
||||
"jest",
|
||||
"node_modules"
|
||||
]
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user