Skip to content

Q
quantum-blocks-h5
Commit b5e1fb9d authored by 郝聪敏's avatar 郝聪敏
Browse files
Options

feature: 优化

parent 0cb79dca
Show whitespace changes
Inline Side-by-side
Showing with 1456 additions and 794 deletions
app/middleware/compress.ts 0 → 100644
View file @ b5e1fb9d
module.exports = require('koa-compress');
\ No newline at end of file
app/web/component/layout/activity/index.ts
View file @ b5e1fb9d
......@@ -23,7 +23,19 @@ export default class Layout extends Vue {
@Prop({ type: String, default: 'Vue,TypeScript,Isomorphic' }) keywords?: string;
isNode: boolean = EASY_ENV_IS_NODE;
scriptSrc: string = `<script src="https://activitystatic.lkbang.net/sa-sdk-javascript/1.15.16/sensorsdata.min.js"></script>`;
// saSrc: string = `<script src="https://activitystatic.lkbang.net/sa-sdk-javascript/1.15.16/sensorsdata.min.js"></script>`;
// swiperSrc: string = `<script src="https://activitystatic.lkbang.net/swiper/4.5.1/swiper.min.js"></script>`;
// vueSrc: string = `<script src="https://activitystatic.lkbang.net/vue/2.6.11/vue.min.js"></script>`;
// vueRouterSrc: string = `<script src="https://activitystatic.lkbang.net/vue-router/3.2.0/vue-router.min.js"></script>`;
// vuexSrc: string = `<script src="https://activitystatic.lkbang.net/vuex/3.4.0/vuex.min.js"></script>`;
scriptSrc: string[] = [
// `<script src="https://activitystatic.lkbang.net/vue/2.6.11/vue.min.js"></script>`,
// `<script src="https://activitystatic.lkbang.net/vue-router/3.2.0/vue-router.min.js"></script>`,
`<script src="https://activitystatic.lkbang.net/vuex/3.4.0/vuex.min.js"></script>`,
`<script src="https://activitystatic.lkbang.net/sa-sdk-javascript/1.15.16/sensorsdata.min.js"></script>`,
`<script src="https://activitystatic.lkbang.net/swiper/4.5.1/swiper.min.js"></script>`,
`<script src="https://cdn.bootcss.com/axios/0.19.2/axios.min.js"></script>`
];
created() {
console.log('>>EASY_ENV_IS_NODE create', EASY_ENV_IS_NODE);
......
app/web/component/layout/activity/index.vue
View file @ b5e1fb9d
......@@ -8,10 +8,11 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="/public/asset/css/reset.css">
<link rel="stylesheet" type="text/css" href="https://activitystatic.lkbang.net/swiper/4.5.1/css/swiper.min.css">
</head>
<body>
<div id="app"><slot></slot></div>
<template v-html="scriptSrc"></template>
<template v-html="item" v-for="item in scriptSrc"></template>
</body>
</html>
<div v-else-if="!isNode" id="app"><slot></slot></div>
......
app/web/framework/app.ts
View file @ b5e1fb9d
......@@ -9,7 +9,7 @@ export default class App {
}
bootstrap() {
console.log('EASY_ENV_IS_NODE', EASY_ENV_IS_NODE, EASY_ENV_IS_BROWSER);
// console.log('EASY_ENV_IS_NODE', EASY_ENV_IS_NODE, EASY_ENV_IS_BROWSER);
if (EASY_ENV_IS_NODE) {
return this.server();
}
......@@ -18,7 +18,7 @@ export default class App {
create(initState) {
const { entry, createStore, createRouter } = this.config;
console.log('initState', initState);
// console.log('initState', initState);
const store = createStore(initState);
const router = createRouter();
sync(store, router);
......
app/web/page/activity/view/activity/index.ts
View file @ b5e1fb9d
......@@ -53,7 +53,7 @@ export default class Activity extends Mixins(TransformStyleMixin) {
fetchApi(options) {
const { store, route } = options;
const { pageId } = route.params;
console.log('fetchApi', route);
// console.log('fetchApi', route);
return store.dispatch('getPageDate', { pageId });
}
......
app/web/view/layout.html
View file @ b5e1fb9d
......@@ -16,5 +16,11 @@
</head>
<body>
<div id="app"><!--vue-ssr-outlet--></div>
<!-- <script src="https://activitystatic.lkbang.net/vue/2.6.11/vue.min.js"></script> -->
<!-- <script src="https://activitystatic.lkbang.net/vue-router/3.2.0/vue-router.min.js"></script> -->
<script src="https://activitystatic.lkbang.net/vuex/3.4.0/vuex.min.js"></script>
<script src="https://activitystatic.lkbang.net/sa-sdk-javascript/1.15.16/sensorsdata.min.js"></script>
<script src="https://activitystatic.lkbang.net/swiper/4.5.1/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/axios/0.19.2/axios.min.js"></script>
</body>
</html>
\ No newline at end of file
config/config.default.ts
View file @ b5e1fb9d
......@@ -41,5 +41,12 @@ export default (appInfo: EggAppConfig) => {
allowMethods: 'GET,HEAD,PUT,POST,DELETE,PATCH'
};
config.middleware = ['compress']; // 添加compress中间件
// 配置compress
config.compress = {
threshold: 2048 // 超过2048B进行压缩，不写默认为1024B
};
return config;
};
config/config.local.ts
View file @ b5e1fb9d
......@@ -24,7 +24,7 @@ export default (appInfo: EggAppConfig) => {
exports.webpack = {
webpackConfigList: getWebpackConfig(),
browser: 'http://localhost:7001/editor/list'
browser: 'http://localhost:7001/'
};
return exports;
......
package-lock.json
View file @ b5e1fb9d
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
View file @ b5e1fb9d
......@@ -8,7 +8,7 @@
"backend": "nohup egg-scripts start --port 7001 --workers 4",
"dev": "egg-bin dev -r egg-ts-helper/register",
"debug": "egg-bin debug -r egg-ts-helper/register",
"build": "easy build --devtool",
"build": "easy build --devtool -s",
"tsc": "ets && tsc -p tsconfig.json",
"clean": "ets clean",
"kill": "easy kill",
......@@ -20,8 +20,7 @@
"dependencies": {
"@better-scroll/core": "^2.0.5",
"@qg/cherry-ui": "^2.18.75",
"@qg/citrus-ui": "0.0.18",
"axios": "^0.21.1",
"@qg/citrus-ui": "0.0.21",
"babel-plugin-transform-vue-jsx": "^4.0.1",
"egg": "^2.3.0",
"egg-bin": "^4.9.0",
......@@ -32,16 +31,13 @@
"egg-webpack": "^4.4.7",
"egg-webpack-vue": "^2.0.0",
"js-cookie": "^2.2.1",
"koa-compress": "^5.0.1",
"npm": "^6.14.10",
"qs": "^6.9.4",
"raven-js": "^3.27.2",
"sa-sdk-javascript": "^1.15.27",
"vue": "^2.6.12",
"vue-awesome-swiper": "^3.1.3",
"vue-grid-layout": "^2.3.11",
"vue-property-decorator": "^7.2.0",
"vue-router": "^3.0.1",
"vuex": "^3.0.1",
"vuex-class": "^0.3.1",
"vuex-router-sync": "^5.0.0"
},
......
typings/app/middleware/index.d.ts
View file @ b5e1fb9d
......@@ -3,9 +3,11 @@
import 'egg';
import ExportAccess from '../../../app/middleware/access';
import ExportCompress from '../../../app/middleware/compress';
declare module 'egg' {
interface IMiddleware {
access: typeof ExportAccess;
compress: typeof ExportCompress;
}
}
webpack.config.js
View file @ b5e1fb9d
......@@ -82,31 +82,17 @@ module.exports = {
cacheGroups:
{
default: false,
vueRouter: {
name: 'vue-router',
priority: 23,
chunks: 'all',
test: /[\\/]node_modules[\\/]vue-router[\\/]/,
enforce: true
},
axios: {
name: 'axios',
vue: {
name: 'chunk-vue', // 分离组件库
priority: 23,
chunks: 'all',
test: /[\\/]node_modules[\\/]axios[\\/]/,
test: /[\\/]node_modules[\\/]vue[\\/]/,
enforce: true
},
vuex: {
name: 'vuex',
vueRouter: {
name: 'vue-router',
priority: 23,
chunks: 'all',
test: /[\\/]node_modules[\\/]vuex[\\/]/,
enforce: true
},
saSdk: {
name: "chunk-sa-sdk", // split cherryUI into a single package
priority: 22, // the weight needs to be larger than libs and app or it will be packaged into libs or app
test: /[\\/]node_modules[\\/]sa-sdk-javascript[\\/]/, // in order to adapt to cnpm
test: /[\\/]node_modules[\\/]vue-router[\\/]/,
enforce: true
},
interactjs: {
......@@ -124,30 +110,24 @@ module.exports = {
enforce: true
},
ravenJs: {
name: 'ravenJs', // 分离组件库
name: 'raven-js', // 分离组件库
priority: 19,
chunks: 'all',
test: /[\\/]node_modules[\\/]raven-js[\\/]/,
enforce: true
},
swiper: {
name: 'swiper', // 分离组件库
priority: 19,
chunks: 'all',
test: /[\\/]node_modules[\\/]swiper[\\/]/,
enforce: true
},
cherryUI: {
name: 'chunk-cherryUI', // 分离组件库
name: 'chunk-cherry-uI', // 分离组件库
priority: 18,
chunks: 'all',
test: /[\\/]node_modules[\\/]@qg[\\/]cherry-ui[\\/]/,
enforce: true
},
vue: {
name: 'chunk-vue', // 分离组件库
citrusUi: {
name: 'chunk-citrus-ui', // 分离组件库
priority: 17,
test: /[\\/]node_modules[\\/]vue[\\/]/,
chunks: 'all',
test: /[\\/]node_modules[\\/]@qg[\\/]citrus-ui[\\/]/,
enforce: true
},
common: {
......@@ -182,7 +162,12 @@ module.exports = {
}
},
externals: {
'sa-sdk-javascript': 'sensorsDataAnalytic201505'
// 'vue': 'Vue',
// 'vue-router': 'VueRouter',
'vuex': 'Vuex',
'axios': 'axios',
'sa-sdk-javascript': 'sensorsDataAnalytic201505',
'swiper': 'Swiper',
},
// mode: 'development',
devtool:'source-map',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment