add

08335 / hivui-platform-template

hivui平台项目模板

Browse code add master
0 parent commit 1d78ee664adb7e2dad0ff2812285afcaa02faa97 caibinghong authored on 7 Apr 2022

Showing 19 changed files

Ignore Space Show notes View .browserslistrc
> 1% last 2 versions not ie <= 8

Ignore Space Show notes View .editorconfig
root = true [*] charset = utf-8 indent_style = space indent_size = 2 end_of_line = lf insert_final_newline = true trim_trailing_whitespace = true

Ignore Space Show notes View .env.development
#193的用 192.168.4.106:7777 VITE_APP_BASE_API=http://e5.hieap.cn VITE_APP_SERVER=/e5 # 项目名/工号 VITE_APP_PN=mflm/0000221 VITE_APP_QUERYDATA=/amrept-web/server/WebServiceWadl/[projectName]/cxfService/queryForm VITE_APP_SAVEDATA=/amrept-web/server/WebServiceWadl/[projectName]/cxfService/saveForm VITE_APP_USERPATH=

Ignore Space Show notes View .env.local
#193的用 192.168.4.106:7777 VITE_APP_BASE_API=http://e5.hieap.cn VITE_APP_SERVER=/e5 # 项目名/工号 VITE_APP_PN=mflm/0000221 VITE_APP_QUERYDATA=/amrept-web/server/WebServiceWadl/[projectName]/cxfService/queryForm VITE_APP_SAVEDATA=/amrept-web/server/WebServiceWadl/[projectName]/cxfService/saveForm VITE_APP_USERPATH=

Ignore Space Show notes View .env.production
#打包时读取服务器 VITE_APP_SERVER=e5 VITE_APP_BASE_API=/ VITE_APP_QUERYDATA=/amrept-web/[projectName]/data/query.do VITE_APP_SAVEDATA=/amrept-web/[projectName]/data/save.do #打包时资源路径 VITE_APP_USERPATH=/e5/render/0000221

Ignore Space Show notes View .gitignore
/package-lock.json /dist /node_modules

Ignore Space Show notes View .postcssrc.js
// https://github.com/michael-ciniawsky/postcss-load-config module.exports = { "plugins": { "postcss-import": {}, "postcss-url": {}, // to edit target browsers: use "browserslist" field in package.json "autoprefixer": {} } }

Ignore Space Show notes View assets_platform
Not supported

Ignore Space Show notes View babel.config.js
module.exports = { "presets": [ "@vue/babel-preset-jsx", [ "@babel/preset-env", { "modules": false } ] ], "plugins": [ "@babel/plugin-proposal-nullish-coalescing-operator",// 可选链 es2020 "@babel/plugin-proposal-optional-chaining",// 双问号 es2020 "babel-plugin-transform-vite-meta-env",//转换环境变量，vite几个参数同步到webpack编译中 "@babel/plugin-syntax-dynamic-import", [//hi-ui 按需引用 "component", { "libraryName": "hi-ui", // "styleLibraryName": "theme-chalk" "style":false//默认true 时会报错，组件必顺有样式，但有些找不到样式， },"hi-ui" ], // [//element 按需引用 // "component", // { // "libraryName": "element-ui", // "styleLibraryName": "theme-chalk" // },"element-ui" // ] ] };

Ignore Space Show notes View

babel.config.js

Ignore Space Show notes View build
Not supported

Ignore Space Show notes View doc
Not supported

Ignore Space Show notes View favicon.ico

Ignore Space Show notes View index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <!--发布时公共库--> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true&&htmlWebpackPlugin.project=='hi-vui-template'){%> <script> window.location = '/project/hivuiLogin/index.html'; </script> <%}%> <% if(htmlWebpackPlugin.vite==true&&htmlWebpackPlugin.project!='hi-vui-template'){%> <script> window.location = '/<%=htmlWebpackPlugin.project%>/hivuiLogin/index.html'; </script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>EAP5-Admin-Login</title>
    <% if(htmlWebpackPlugin.vite){%>
        
        <link rel="stylesheet" href="/assets_platform/element-ui/index.css">
        <script src="/assets_platform/vue/vue.min.js"></script>
        <script src="/assets_platform/vuex/vuex.min.js"></script>
        <script src="/assets_platform/vue-router/vue-router.min.js"></script>
        <script src="/assets_platform/element-ui/index.js"></script>
        <script src="/assets_platform/eap/eap.umd.min.js"></script>
    <%}%>
    <% if(!htmlWebpackPlugin.vite){%>
        <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css">
        <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script>
        <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script>
        <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script>
        <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script>
        
        <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script>
        <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script>
    <%}%>

</head>

<body>
    <div id="app"></div>
    <% if(htmlWebpackPlugin.vite==true&&htmlWebpackPlugin.project=='hi-vui-template'){%>
        <script>
                window.location = '/project/hivuiLogin/index.html';  
        </script>        
    <%}%>
    <% if(htmlWebpackPlugin.vite==true&&htmlWebpackPlugin.project!='hi-vui-template'){%>
        <script>
                window.location = '/<%=htmlWebpackPlugin.project%>/hivuiLogin/index.html';  
        </script>        
    <%}%>
    
</body>

</html>

Ignore Space Show notes View package.json
{ "name": "hi-vui-template", "version": "1.1.12", "description": "A hi-vui-template project", "author": "zhcTeam", "scripts": { "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache", "pm2:start": "pm2 start processes.json", "dev": "vite --host", "def": "vite --host", "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js", "build1": "webpack --mode production --config build/webpack.prod.conf.js", "dll": "webpack --config build/webpack.dll.conf.js", "start": "webpack-dev-server --config build/webpack.dev.conf.js", "copyassets": "node build/copyBaseAssets.js" }, "devDependencies": { "@babel/core": "^7.1.2", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7", "@babel/plugin-proposal-optional-chaining": "^7.16.7", "@babel/plugin-syntax-dynamic-import": "^7.0.0", "@babel/preset-env": "^7.1.0", "@vitejs/plugin-vue-jsx": "^1.3.3", "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1", "@vue/babel-preset-jsx": "^1.2.4", "add-asset-html-webpack-plugin": "^3.2.0", "autoprefixer": "^9.1.5", "babel-loader": "^8.0.4", "babel-plugin-component": "^1.1.1", "babel-plugin-transform-vite-meta-env": "^1.0.3", "chalk": "^3.0.0", "clean-webpack-plugin": "^0.1.19", "copy-webpack-plugin": "^4.5.3", "cross-env": "^7.0.3", "css-loader": "^1.0.0", "dotenv": "^10.0.0", "file-loader": "^2.0.0", "happypack": "^5.0.1", "html-webpack-plugin": "^4.5.2", "less": "^4.1.2", "less-loader": "^5.0.0", "mini-css-extract-plugin": "^1.6.2", "node-sass": "^4.9.3", "optimize-css-assets-webpack-plugin": "^5.0.1", "parallel-webpack": "^2.6.0", "postcss-import": "^11.1.0", "postcss-loader": "^2.1.6", "postcss-url": "^7.3.2", "progress-bar-webpack-plugin": "^2.1.0", "sass": "^1.49.0", "sass-loader": "^7.1.0", "style-loader": "^0.23.0", "thread-loader": "^3.0.4", "uglifyjs-webpack-plugin": "^2.0.1", "url-loader": "^1.1.1", "vite": "2.3.7", "vite-plugin-html": "^2.1.1", "vite-plugin-imp": "^2.0.11", "vite-plugin-pagedata": "^1.0.4", "vite-plugin-vue2": "^1.9.0", "vue-loader": "^15.4.2", "vue-template-compiler": "^2.6.14", "webpack": "^4.46.0", "webpack-cli": "^4.9.2", "webpack-dev-server": "^3.11.3", "webpack-merge": "^4.1.4" }, "dependencies": { "axios": "^0.24.0", "babel-polyfill": "^6.26.0", "canvas": "^2.9.0", "classnames": "^2.3.1", "deep-lu-trans": "^1.0.5", "element-ui": "^2.15.7", "enquire.js": "^2.1.6", "font-awesome": "^4.7.0", "hi-taskcenter": "^1.0.9", "hi-ui": "^1.1.1006", "jquery": "^3.6.0", "js-cookie": "^3.0.1", "js-md5": "^0.7.3", "js-pinyin": "^0.1.9", "lodash": "^4.17.11", "qrcodejs2": "0.0.2", "screenfull": "^6.0.0", "sortablejs": "^1.14.0", "v-clipboard": "^2.2.3", "vue": "^2.6.14", "vue-draggable-resizable": "^2.3.0", "vue-gemini-scrollbar": "^2.0.1", "vue-i18n": "^8.27.0", "vue-jstree": "^2.1.6", "vue-qr": "^3.2.4", "vue-router": "^3.0.1", "vuex": "^3.6.2", "zhc-birt-cmps": "^2.5.10", "zhc-birt-core": "^1.9.0", "zhc-flowchart": "^1.0.20" } }

Ignore Space Show notes View

package.json

{
  "name": "hi-vui-template",
  "version": "1.1.12",
  "description": "A hi-vui-template project",
  "author": "zhcTeam",
  "scripts": {
    "rm:vite": "rimraf node_modules/.vite && rimraf node_modules/.cache",
    "pm2:start": "pm2 start processes.json",
    "dev": "vite --host",
    "def": "vite --host",
    "build": "node build/copyBaseAssets.js && cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build:modules": "cross-env NODE_ENV=production node build/webpack.prod.conf.js",
    "build1": "webpack --mode production --config build/webpack.prod.conf.js",
    "dll": "webpack --config build/webpack.dll.conf.js",
    "start": "webpack-dev-server --config build/webpack.dev.conf.js",
    "copyassets": "node build/copyBaseAssets.js"
  },
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/preset-env": "^7.1.0",
    "@vitejs/plugin-vue-jsx": "^1.3.3",
    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
    "@vue/babel-preset-jsx": "^1.2.4",
    "add-asset-html-webpack-plugin": "^3.2.0",
    "autoprefixer": "^9.1.5",
    "babel-loader": "^8.0.4",
    "babel-plugin-component": "^1.1.1",
    "babel-plugin-transform-vite-meta-env": "^1.0.3",
    "chalk": "^3.0.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.3",
    "cross-env": "^7.0.3",
    "css-loader": "^1.0.0",
    "dotenv": "^10.0.0",
    "file-loader": "^2.0.0",
    "happypack": "^5.0.1",
    "html-webpack-plugin": "^4.5.2",
    "less": "^4.1.2",
    "less-loader": "^5.0.0",
    "mini-css-extract-plugin": "^1.6.2",
    "node-sass": "^4.9.3",
    "optimize-css-assets-webpack-plugin": "^5.0.1",
    "parallel-webpack": "^2.6.0",
    "postcss-import": "^11.1.0",
    "postcss-loader": "^2.1.6",
    "postcss-url": "^7.3.2",
    "progress-bar-webpack-plugin": "^2.1.0",
    "sass": "^1.49.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.0",
    "thread-loader": "^3.0.4",
    "uglifyjs-webpack-plugin": "^2.0.1",
    "url-loader": "^1.1.1",
    "vite": "2.3.7",
    "vite-plugin-html": "^2.1.1",
    "vite-plugin-imp": "^2.0.11",
    "vite-plugin-pagedata": "^1.0.4",
    "vite-plugin-vue2": "^1.9.0",
    "vue-loader": "^15.4.2",
    "vue-template-compiler": "^2.6.14",
    "webpack": "^4.46.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^3.11.3",
    "webpack-merge": "^4.1.4"
  },
  "dependencies": {
    "axios": "^0.24.0",
    "babel-polyfill": "^6.26.0",
    "canvas": "^2.9.0",
    "classnames": "^2.3.1",
    "deep-lu-trans": "^1.0.5",
    "element-ui": "^2.15.7",
    "enquire.js": "^2.1.6",
    "font-awesome": "^4.7.0",
    "hi-taskcenter": "^1.0.9",
    "hi-ui": "^1.1.1006",
    "jquery": "^3.6.0",
    "js-cookie": "^3.0.1",
    "js-md5": "^0.7.3",
    "js-pinyin": "^0.1.9",
    "lodash": "^4.17.11",
    "qrcodejs2": "0.0.2",
    "screenfull": "^6.0.0",
    "sortablejs": "^1.14.0",
    "v-clipboard": "^2.2.3",
    "vue": "^2.6.14",
    "vue-draggable-resizable": "^2.3.0",
    "vue-gemini-scrollbar": "^2.0.1",
    "vue-i18n": "^8.27.0",
    "vue-jstree": "^2.1.6",
    "vue-qr": "^3.2.4",
    "vue-router": "^3.0.1",
    "vuex": "^3.6.2",
    "zhc-birt-cmps": "^2.5.10",
    "zhc-birt-core": "^1.9.0",
    "zhc-flowchart": "^1.0.20"
  }
}

Ignore Space Show notes View processes.json
{ "apps": [ { "name": "vite-0000221-mflm", "cwd": "./", "script": "./build/pm2.js", "args":"--host --port 43447", "log_date_format": "YYYY-MM-DD HH:mm:ss", "error_file": "./hi-vui-logs/node-app.stderr.log", "out_file": "./hi-vui-logs/node-app.stdout.log", "pid_file": "./hi-vui-logs/node-geo-api.pid", "instances": 1, "min_uptime": "60s", "max_restarts": 100000, "max_memory_restart": "512M", "watch": false, "ignore_watch": ["hi-vui-logs","eaptpl","eaptpl_backup","test","build","config","node_modules"], "merge_logs": true, "exec_interpreter": "node", "exec_mode": "cluster", "autorestart": false, "vizion": false } ] }

Ignore Space Show notes View

processes.json

Ignore Space Show notes View project
Not supported

Ignore Space Show notes View template.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>EAP5-Admin-Login</title> <% if(htmlWebpackPlugin.vite){%> <!--预览时公共库--> <link rel="stylesheet" href="/assets_platform/element-ui/index.css"> <script src="/assets_platform/vue/vue.min.js"></script> <script src="/assets_platform/vuex/vuex.min.js"></script> <script src="/assets_platform/vue-router/vue-router.min.js"></script> <script src="/assets_platform/element-ui/index.js"></script> <script src="/assets_platform/eap/eap.umd.min.js"></script> <%}%> <% if(!htmlWebpackPlugin.vite){%> <link rel="stylesheet" href="${serverPath}/render/assets_platform/element-ui/index.css"> <script src="${serverPath}/render/assets_platform/vue/vue.min.js"></script> <script src="${serverPath}/render/assets_platform/vuex/vuex.min.js"></script> <script src="${serverPath}/render/assets_platform/vue-router/vue-router.min.js"></script> <script src="${serverPath}/render/assets_platform/element-ui/index.js"></script> <!--发布时公共库--> <script src="${serverPath}/render/assets_platform/vendor_dll/vendor.dll.js"></script> <script src="${serverPath}/render/assets_platform/eap/eap.umd.min.js"></script> <%}%> </head> <body> <div id="app"></div> <% if(htmlWebpackPlugin.vite==true){%> <script type="module" src="./index.js"></script> <%}%> <!-- built files will be auto injected --> </body> </html>

Ignore Space Show notes View

template.html

<!DOCTYPE html>
<html>

</head>

</html>

Ignore Space Show notes View vite-plugin
Not supported

Ignore Space Show notes View vite.config.js
// vite.config.js 利害浏览器自带的 es 动态导入，使项目冷启动 const { resolve } = require('path'); import { defineConfig, loadEnv } from 'vite' import { createVuePlugin } from "vite-plugin-vue2"; import vueJsx from '@vitejs/plugin-vue-jsx' import pageData from "vite-plugin-pagedata" import vitefunc from './vite-plugin/vite-plugin-func' import { injectHtml } from 'vite-plugin-html'; const pkg = require("./package.json"); // https://vitejs.dev/config/ export default ({ mode }) => { process.env = { ...process.env, ...loadEnv(mode, process.cwd()) }; let aliases = {} let build = { sourcemap: false, //编译 //指定多个 .html 文件作为入口点 rollupOptions: { // 请确保外部化那些你的库中不需要的依赖 // external: ['vue'], input: { main: resolve(__dirname, 'index.html'), nested: resolve(__dirname, 'nested/index.html') }, output: { format: 'umd', } } } if (mode == 'development') { aliases = { '@project': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}`), '@main': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}/hivuiMain`), '@birt': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}/hivuiBirt`), 'pinyin': 'js-pinyin', } // console.log('aliases@main:', aliases['@main']); } else { } const postDataName = "scpRequestData"; return defineConfig({ build: build, define: { 'process.env': { //配合 webpack 环境，在vite 下定义一个空的 } }, css: { preprocessorOptions: { less: { javascriptEnabled: true, } }, }, resolve: { extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.dtvevt', '.dtv','.dvue'], alias: aliases, }, plugins: [ vitefunc({ varName: postDataName, global: { env: 'dev' }, htmlWebpackPlugin: { vite: true, project: pkg.name, mode: mode } }), injectHtml({ // 向预览时注入变量，这个变量跟打包时 html-webpack-plugin 注入的一致，用户判断是否是编译状态 injectData: { htmlWebpackPlugin: { vite: true, project: pkg.name, mode: mode } } }), pageData({ varName: postDataName, global: { env: 'dev' }, }), createVuePlugin({ include:/\.(dvue\|vue)$/ }), vueJsx({ // options are passed on to @vue/babel-plugin-jsx }), ], // devServer: { // port: 227, // proxy: 'http://192.168.1.183:5001/' // }, // server: { // watch: { // ignored: ['!/node_modules/vue/'] // } // }, // // 被监听的包必须被排除在优化之外， // // 以便它能出现在依赖关系图中并触发热更新。 // optimizeDeps: { // exclude: ['vue'] // } }) };

Ignore Space Show notes View

vite.config.js

// vite.config.js  利害浏览器自带的 es 动态导入，使项目冷启动
const { resolve } = require('path');
import { defineConfig, loadEnv } from 'vite'
import { createVuePlugin } from "vite-plugin-vue2";
import vueJsx from '@vitejs/plugin-vue-jsx'
import pageData from "vite-plugin-pagedata"
import vitefunc from './vite-plugin/vite-plugin-func'
import { injectHtml } from 'vite-plugin-html';

const pkg = require("./package.json");

// https://vitejs.dev/config/
export default ({ mode }) => {
    process.env = { ...process.env, ...loadEnv(mode, process.cwd()) };
    let aliases = {}
    let build = {
        sourcemap: false,
        //编译
        //指定 多个 .html 文件作为入口点
        rollupOptions: {
            // 请确保外部化那些你的库中不需要的依赖
            // external: ['vue'],
            input: {
                main: resolve(__dirname, 'index.html'),
                nested: resolve(__dirname, 'nested/index.html')
            },
            output: {
                format: 'umd',
            }
        }
    }
    if (mode == 'development') {
        aliases = {
            '@project': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}`),
            '@main': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}/hivuiMain`),
            '@birt': resolve(`${pkg.name == 'hi-vui-template' ? 'project' : pkg.name}/hivuiBirt`),
            'pinyin': 'js-pinyin',
        }
        // console.log('aliases@main:', aliases['@main']);
    } else {

}
    const postDataName = "scpRequestData";
    return defineConfig({
        build: build,
        define: {
            'process.env': {
                //配合 webpack 环境，在vite 下定义一个空的
            }
        },
        css: {
            preprocessorOptions: {
                less: {
                    javascriptEnabled: true,
                }
            },
        },
        resolve: {
            extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.dtvevt', '.dtv','.dvue'],
            alias: aliases,
        },
        plugins: [
            vitefunc({
                varName: postDataName,
                global: {
                    env: 'dev'
                },
                htmlWebpackPlugin: {
                    vite: true,
                    project: pkg.name,
                    mode: mode
                }
            }),
            injectHtml({
                // 向预览时注入变量，这个变量跟打包时 html-webpack-plugin 注入的一致，用户判断是否是编译状态
                injectData: {
                    htmlWebpackPlugin: {
                        vite: true,
                        project: pkg.name,
                        mode: mode
                    }
                }
            }),

pageData({
                varName: postDataName,
                global: {
                    env: 'dev'
                },
            }),
            createVuePlugin({
                include:/\.(dvue|vue)$/
            }),
            vueJsx({
                // options are passed on to @vue/babel-plugin-jsx
            }),
        ],
      
        // devServer: {
        //     port: 227,
        //     proxy: 'http://192.168.1.183:5001/'
        // },
        // server: {
        //     watch: {
        //         ignored: ['!**/node_modules/vue/**']
        //     }
        // },
        // // 被监听的包必须被排除在优化之外，
        // // 以便它能出现在依赖关系图中并触发热更新。
        // optimizeDeps: {
        //     exclude: ['vue']
        // }
    })

};

Show line notes below