Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template

08335 / hivui-platform-template

hivui平台项目模板

Browse code Merge branch 'master' of http://192.168.4.105:8080/gitbucket/git/08335/hivui-platform-template Conflicts: assets_platform/eap/eap.common.js.map assets_platform/eap/eap.umd.js.map assets_platform/eap/eap.umd.min.js assets_platform/eap/eap.umd.min.js.map master
commit a2b0a859d9930d74ad0d359a32755ed60eedbda9 2 parents 9a1afbf + 9a1d1f4 zhuojinhui authored on 21 Apr 2022

Showing 10 changed files

Ignore Space Show notes View build/webpack.prod.conf.js
// 多进程编译所有 //parallel-webpack允许您并行运行多个Webpack构建,从而将工作分散到各个处理器上,从而有助于显着加快构建速度 // const os = require('os'); // const cpus = os.cpus().length; // console.log(cpus, ' Math.floor(cpus/2)\|\|1', Math.floor(cpus / 2) \|\| 1) const chalk = require('chalk') let webpack = require('webpack') let argvs = (process.argv[2] \|\| "").replace(/\s$/g, ""); let moduleList = argvs != "" ? argvs.split(',') : []; let isAllBuild = moduleList.length==0; let startTime = new Date().valueOf(); let webpackList = require('./webpack.get-list.js'); let moduleCount = webpackList.length; // 秒数转化为时分秒 function formatSeconds(value) { // 秒 let second = parseInt(value) // 分 let minute = 0 // 小时 let hour = 0 // 天 // let day = 0 // 如果秒数大于60，将秒数转换成整数 if (second > 60) { // 获取分钟，除以60取整数，得到整数分钟 minute = parseInt(second / 60) // 获取秒数，秒数取佘，得到整数秒数 second = parseInt(second % 60) // 如果分钟大于60，将分钟转换成小时 if (minute > 60) { // 获取小时，获取分钟除以60，得到整数小时 hour = parseInt(minute / 60) // 获取小时后取佘的分，获取分钟除以60取佘的分 minute = parseInt(minute % 60) // 如果小时大于24，将小时转换成天 // if (hour > 23) { // // 获取天数，获取小时除以24，得到整天数 // day = parseInt(hour / 24) // // 获取天数后取余的小时，获取小时除以24取余的小时 // hour = parseInt(hour % 24) // } } } let result = '' + parseInt(second) + '秒' if (minute > 0) { result = '' + parseInt(minute) + '分' + result } if (hour > 0) { result = '' + parseInt(hour) + '小时' + result } // if (day > 0) { // result = '' + parseInt(day) + '天' + result // } return result } let timerCtl = setInterval(function () { console.log(chalk.green(`正在编译中，目前已消耗 ${formatSeconds((new Date().valueOf() - startTime) / 1000)} ...`)) }, 1000 60 * 5); //----------- 【一般编译，按参数，一个接一个的】 --------------- function DoWebpackBuild(list, start, total, step = 1) { let wpkCfg, isEndAll = false; if (list == null \|\| list.length == 0) { console.log(chalk.yellow(`没有模块可编译！`)); clearInterval(timerCtl); return; } wpkCfg = list.slice(start, start + step); if (wpkCfg == null \|\| wpkCfg.length == 0) { isEndAll = true; clearInterval(timerCtl); console.log(chalk.green(`【总消耗】 ${formatSeconds((new Date().valueOf() - startTime) / 1000)}`)); return; } console.log('**************************************************************\n'); if(step==1){ console.log(`【进度 ${start+1}/${total} 】,正在编译模块...\n`); }else{ console.log(`【进度 ${start+1}/${total} 】,正在编译${start+1} - ${total < step ? total : start + step}之间的模块...\n`); } console.log('*************************************************************\n'); let cmper = webpack(wpkCfg); let cmperStep = 5,cmperTotal=5; cmper.apply(new webpack.ProgressPlugin({ handler(percentage, message, ...args) { // console.log(args.length,'...args', args[0],'\n', args[1],'\n', args[2]) let t = (new Date().valueOf() - startTime) / 1000; if(t>cmperTotal){ cmperTotal+=cmperStep; // console.log(` 进度 : ${(percentage100).toFixed(2)} %`)//,message console.log(`{"progress":${percentage.toFixed(4)},"message":""}`); } console.log(`{"progress":${percentage.toFixed(4)},"message":""}`); }, })); cmper.run((err, stats) => { //这个回调一定要写，不然打包不出来 if (err \|\| stats.hasErrors()) {//编译错误不在 err 对象内，而是需要使用 stats.hasErrors() 单独处理 let info = {}; try { info = stats.toJson(); } catch (e) { info = { errors: [] }; console.log('stats.toJson()', err, stats) } // console.error(info.errors); for (let i = 0, l = info.errors.length; i < l; i++) { // console.log(chalk.red(info.errors[i].message)); // console.error(info.errors[i].message) console.error(info.errors[i]) } } // 处理完成 if (isEndAll) { cmperTotal = 10; clearInterval(timerCtl); console.log(chalk.green(`【总消耗】 ${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`)); } else { DoWebpackBuild(list, start + step, total, step); } }) } if (isAllBuild) { //-------- 【用parallel-webpack，全部编译情况下】 ------------ /* moduleList = require('./webpack.get-module').moduleList \|\| []; console.log(`=========进入全模块编译状态(${moduleList.length})模块...=============`) var run = require('parallel-webpack').run; run( require.resolve('./webpack.get-list.js'), { watch: false, maxRetries: 1, stats: false, // defaults to false maxConcurrentWorkers: 1,// use 2 workers cup个数 argv: [argvs] }, ()=>{ //多打包时，如果其中一个模块出错，不知道是哪个模块 console.log('\n--------编译完成------- \n'); }); / console.log(`【编译所有共${moduleCount}】============搜索文件耗时:${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`) DoWebpackBuild(webpackList, 0, moduleCount);//, 0, len //以上两种时间上差不多 20s } else { console.log(`【按需编译共${moduleCount}】============搜索文件耗时:${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`) DoWebpackBuild(webpackList, 0, moduleCount,1)//, 0, len } // 多进程编译所有 //parallel-webpack允许您并行运行多个Webpack构建,从而将工作分散到各个处理器上,从而有助于显着加快构建速度 // const os = require('os'); // const cpus = os.cpus().length; // console.log(cpus, ' Math.floor(cpus/2)\|\|1', Math.floor(cpus / 2) \|\| 1) const chalk = require('chalk') let webpack = require('webpack') let argvs = (process.argv[2] \|\| "").replace(/\s$/g, ""); let moduleList = argvs != "" ? argvs.split(',') : []; let isAllBuild = moduleList.length==0; let startTime = new Date().valueOf(); let webpackList = require('./webpack.get-list.js'); let moduleCount = webpackList.length; // 秒数转化为时分秒 function formatSeconds(value) { // 秒 let second = parseInt(value) // 分 let minute = 0 // 小时 let hour = 0 // 天 // let day = 0 // 如果秒数大于60，将秒数转换成整数 if (second > 60) { // 获取分钟，除以60取整数，得到整数分钟 minute = parseInt(second / 60) // 获取秒数，秒数取佘，得到整数秒数 second = parseInt(second % 60) // 如果分钟大于60，将分钟转换成小时 if (minute > 60) { // 获取小时，获取分钟除以60，得到整数小时 hour = parseInt(minute / 60) // 获取小时后取佘的分，获取分钟除以60取佘的分 minute = parseInt(minute % 60) // 如果小时大于24，将小时转换成天 // if (hour > 23) { // // 获取天数，获取小时除以24，得到整天数 // day = parseInt(hour / 24) // // 获取天数后取余的小时，获取小时除以24取余的小时 // hour = parseInt(hour % 24) // } } } let result = '' + parseInt(second) + '秒' if (minute > 0) { result = '' + parseInt(minute) + '分' + result } if (hour > 0) { result = '' + parseInt(hour) + '小时' + result } // if (day > 0) { // result = '' + parseInt(day) + '天' + result // } return result } let timerCtl = setInterval(function () { console.log(chalk.green(`正在编译中，目前已消耗 ${formatSeconds((new Date().valueOf() - startTime) / 1000)} ...`)) }, 1000 * 60 * 5); //----------- 【一般编译，按参数，一个接一个的】 --------------- function DoWebpackBuild(list, start, total, step = 1) { let wpkCfg, isEndAll = false; if (list == null \|\| list.length == 0) { console.log(chalk.yellow(`没有模块可编译！`)); clearInterval(timerCtl); return; } wpkCfg = list.slice(start, start + step); if (wpkCfg == null \|\| wpkCfg.length == 0) { isEndAll = true; clearInterval(timerCtl); console.log(chalk.green(`【总消耗】 ${formatSeconds((new Date().valueOf() - startTime) / 1000)}`)); return; } console.log('**************************************************************\n'); console.log(`【进度 ${start+1}/${total} 】,正在编译${start+1} - ${total < step ? total : start + step}之间的模块...\n`); console.log('*************************************************************\n'); let cmper = webpack(wpkCfg); let cmperStep = 5,cmperTotal=5; cmper.apply(new webpack.ProgressPlugin({ handler(percentage, message, ...args) { // console.log(args.length,'...args', args[0],'\n', args[1],'\n', args[2]) let t = (new Date().valueOf() - startTime) / 1000; if(t>cmperTotal){ cmperTotal+=cmperStep; // console.log(` 进度 : ${(percentage100).toFixed(2)} %`)//,message console.log(`{"progress":${percentage.toFixed(4)},"message":""}`); } console.log(`{"progress":${percentage.toFixed(4)},"message":""}`); }, })); cmper.run((err, stats) => { //这个回调一定要写，不然打包不出来 if (err \|\| stats.hasErrors()) {//编译错误不在 err 对象内，而是需要使用 stats.hasErrors() 单独处理 let info = {}; try { info = stats.toJson(); } catch (e) { info = { errors: [] }; console.log('stats.toJson()', err, stats) } // console.error(info.errors); for (let i = 0, l = info.errors.length; i < l; i++) { // console.log(chalk.red(info.errors[i].message)); // console.error(info.errors[i].message) console.error(info.errors[i]) } } // 处理完成 if (isEndAll) { cmperTotal = 10; clearInterval(timerCtl); console.log(chalk.green(`【总消耗】 ${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`)); } else { DoWebpackBuild(list, start + step, total, step); } }) } if (isAllBuild) { //-------- 【用parallel-webpack，全部编译情况下】 ------------ /* moduleList = require('./webpack.get-module').moduleList \|\| []; console.log(`=========进入全模块编译状态(${moduleList.length})模块...=============`) var run = require('parallel-webpack').run; run( require.resolve('./webpack.get-list.js'), { watch: false, maxRetries: 1, stats: false, // defaults to false maxConcurrentWorkers: 1,// use 2 workers cup个数 argv: [argvs] }, ()=>{ //多打包时，如果其中一个模块出错，不知道是哪个模块 console.log('\n--------编译完成------- \n'); }); */ console.log(`【编译所有共${moduleCount}】============搜索文件耗时:${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`) DoWebpackBuild(webpackList, 0, moduleCount);//, 0, len //以上两种时间上差不多 20s } else { console.log(`【按需编译共${moduleCount}】============搜索文件耗时:${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`) DoWebpackBuild(webpackList, 0, moduleCount,1)//, 0, len }

Ignore Space Show notes View

build/webpack.prod.conf.js

// 多进程 编译所有
//parallel-webpack允许您并行运行多个Webpack构建,从而将工作分散到各个处理器上,从而有助于显着加快构建速度
// const os = require('os');
// const cpus = os.cpus().length;
// console.log(cpus, ' Math.floor(cpus/2)||1', Math.floor(cpus / 2) || 1)
const chalk = require('chalk')
let webpack = require('webpack')
let argvs = (process.argv[2] || "").replace(/\s*$/g, "");
let moduleList = argvs != "" ? argvs.split(',') : [];
let isAllBuild = moduleList.length==0;
let startTime = new Date().valueOf();
let webpackList = require('./webpack.get-list.js');
let moduleCount = webpackList.length;

//  秒数转化为时分秒
function formatSeconds(value) {
  //  秒
  let second = parseInt(value)
  //  分
  let minute = 0
  //  小时
  let hour = 0
  //  天
  //  let day = 0
  //  如果秒数大于60，将秒数转换成整数
  if (second > 60) {
    //  获取分钟，除以60取整数，得到整数分钟
    minute = parseInt(second / 60)
    //  获取秒数，秒数取佘，得到整数秒数
    second = parseInt(second % 60)
    //  如果分钟大于60，将分钟转换成小时
    if (minute > 60) {
      //  获取小时，获取分钟除以60，得到整数小时
      hour = parseInt(minute / 60)
      //  获取小时后取佘的分，获取分钟除以60取佘的分
      minute = parseInt(minute % 60)
      //  如果小时大于24，将小时转换成天
      //  if (hour > 23) {
      //    //  获取天数，获取小时除以24，得到整天数
      //    day = parseInt(hour / 24)
      //    //  获取天数后取余的小时，获取小时除以24取余的小时
      //    hour = parseInt(hour % 24)
      //  }
    }
  }

let result = '' + parseInt(second) + '秒'
  if (minute > 0) {
    result = '' + parseInt(minute) + '分' + result
  }
  if (hour > 0) {
    result = '' + parseInt(hour) + '小时' + result
  }
  //  if (day > 0) {
  //    result = '' + parseInt(day) + '天' + result
  //  }
  return result
}

let timerCtl = setInterval(function () {
  console.log(chalk.green(`正在编译中，目前已消耗 ${formatSeconds((new Date().valueOf() - startTime) / 1000)} ...`))
}, 1000 * 60 * 5);

//----------- 【一般编译，按参数，一个接一个的】 ---------------
function DoWebpackBuild(list, start, total, step = 1) {
  let wpkCfg, isEndAll = false;
  if (list == null || list.length == 0) {
    console.log(chalk.yellow(`没有模块可编译！`));
    clearInterval(timerCtl);
    return;
  }
  wpkCfg = list.slice(start, start + step);
  if (wpkCfg == null || wpkCfg.length == 0) {
    isEndAll = true;
    clearInterval(timerCtl);
    console.log(chalk.green(`【总消耗】 ${formatSeconds((new Date().valueOf() - startTime) / 1000)}`));
    return;
  }

console.log('****************************************************************\n');
  if(step==1){
    console.log(`【进度 ${start+1}/${total} 】,正在编译模块...\n`);
  }else{
    console.log(`【进度 ${start+1}/${total} 】,正在编译${start+1} - ${total < step ? total : start + step}之间的模块...\n`);
  }
  console.log('****************************************************************\n');

let cmper = webpack(wpkCfg);
  let cmperStep = 5,cmperTotal=5;
  cmper.apply(new webpack.ProgressPlugin({
    handler(percentage, message, ...args) {
      // console.log(args.length,'...args', args[0],'\n', args[1],'\n', args[2])
      let t = (new Date().valueOf() - startTime) / 1000;

if(t>cmperTotal){
        cmperTotal+=cmperStep;
        // console.log(` 进度 : ${(percentage*100).toFixed(2)} %`)//,message
        console.log(`{"progress":${percentage.toFixed(4)},"message":""}`);
      }
      console.log(`{"progress":${percentage.toFixed(4)},"message":""}`);

},
  }));
  cmper.run((err, stats) => {
    //这个回调一定要写，不然打包不出来
    if (err || stats.hasErrors()) {//编译错误不在 err 对象内，而是需要使用 stats.hasErrors() 单独处理
      let info = {};
      try {
        info = stats.toJson();
      } catch (e) {
        info = {
          errors: []
        };
        console.log('stats.toJson()', err, stats)
      }
      // console.error(info.errors);
      for (let i = 0, l = info.errors.length; i < l; i++) {
        // console.log(chalk.red(info.errors[i].message));
        // console.error(info.errors[i].message)
        console.error(info.errors[i])
      }
    }
    // 处理完成
    if (isEndAll) {
      cmperTotal = 10;
      clearInterval(timerCtl);
      console.log(chalk.green(`【总消耗】 ${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`));
    } else {
      DoWebpackBuild(list, start + step, total, step);
    }
  })

}

if (isAllBuild) {
  //-------- 【用parallel-webpack，全部编译情况下】 ------------
  /*
  moduleList = require('./webpack.get-module').moduleList || [];
  console.log(`=========进入全模块编译状态(${moduleList.length})模块...=============`)
  var run = require('parallel-webpack').run;
  run(
    require.resolve('./webpack.get-list.js'), 
    {
      watch: false,
      maxRetries: 1,
      stats: false, // defaults to false
      maxConcurrentWorkers: 1,// use 2 workers  cup个数
      argv: [argvs]
    }, ()=>{
      //多打包时，如果其中一个模块出错，不知道是哪个模块
      console.log('\n--------编译完成------- \n');
    });
  */
  console.log(`【编译所有 共${moduleCount}】============搜索文件耗时:${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`)
  DoWebpackBuild(webpackList, 0, moduleCount);//, 0, len
  //以上两种时间上差不多   20s
} else {
  console.log(`【按需编译 共${moduleCount}】============搜索文件耗时:${formatSeconds((new Date().valueOf() - startTime) / 1000)}\n`)
  DoWebpackBuild(webpackList, 0, moduleCount,1)//, 0, len
}

let timerCtl = setInterval(function () {
  console.log(chalk.green(`正在编译中，目前已消耗 ${formatSeconds((new Date().valueOf() - startTime) / 1000)} ...`))
}, 1000 * 60 * 5);

console.log('****************************************************************\n');
  console.log(`【进度 ${start+1}/${total} 】,正在编译${start+1} - ${total < step ? total : start + step}之间的模块...\n`);
  console.log('****************************************************************\n');

}

Ignore Space Show notes View doc/doc.txt
node webpack 多config 编译执行 https://cloud.tencent.com/developer/section/1477277 parallel-webpack 多config 并行执行编译，这样提高速度 192.168.4.194 项目文件：/filesdisk2/eap5/web/workspace/project/deploy /filesdisk2/eap5/studio/workspace/project/deploy/ 192.168.4.193 项目文件： /opt/eap5/desktop/preview/ deploy最终的项目部署目录 http://192.168.4.194:3000/project/01521/mokuai/shitu/abc/dtv/1.0.0/index.html 让npm run dev在Linux后台持久运行 nohup npm run dev >/dev/null 2>&1 & exit 杀端口进程 netstat -apn\|grep 3000 kill -9 18164 下面几个版本组合（有些版本没有列出来）。 npm install -g node-gyp https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+ 然页sass-loader 版本8的，配对 node-sass版本4 npm i sass-loader@8.0.2 node-sass@4.13.0 -D npm rebuild node-sass npm i less@4.1.1 less-loader@3.0.0 -D npm cache clean -f rimraf node_modules npm shrinkwrap // npm-shrinkwrap.json 锁定包版本环境 1：npm install webpack -g 2: npm install webpack-cli -g 3: npm init -y 4: npm install webpack --save-dev 5: npm install html-webpack-plugin （html编译插件） 6：npm install clean-webpack-plugin 6.1: npm install webpack-dev-server (服务插件) 6.2: npm install style-loader css-loader （css打包插件） 6.3: npm install file-loader url-loader (文件图片打包插件) 6.4: npm install less-loader (less打包插件) 6.5: npm install sass scss --save-dev （sass scss打包插件） 6.6: npm install sass-loader nade-sass (sass打包插件) 7新建一个src文件夹和 less文件夹和webpack.config.js //以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component .babelrc "plugins": ["transform-vue-jsx", "transform-runtime", [ "component", { "libraryName": "hi-ui", "style":false } ]], vue2 使用 vite 所需求的步骤： 1、相关包安装 npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D 2、添加vite.confing.js import { createVuePlugin } from "vite-plugin-vue2"; 在配置项中，转vue plugins: [createVuePlugin()], 3、修改vite/dist/client/client.js case 'error': //判断当前出错的页面 let locPath = location.pathname.split('/'); locPath.pop(); if(err.id.indexOf(locPath.join('/'))==-1)break; case 'update': return;//让用户手动去刷新 08335 case 'full-reload': return;//让用户手动去刷新 08335 报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize. 按先后顺序，执行如下操作： pm2 update pm2 save pm2 list //当dock重新部署时这个重启服务 pm2 resurrect npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示 webpack5 https://blog.csdn.net/j178202798/category_11141799.html npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0 npm run build:modules ./project/WangGeShu/view/ShuWangGe/dtv/1.0.0/desktop webpack 2 vite https://github.com/tnfe/wp2vite/blob/master/README.zh-CN.md 自动化构建工具（三）Parcel https://blog.csdn.net/weixin_42580704/article/details/108378689 https://www.parceljs.cn/getting_started.html /eap5.0/hiruntime/project/desktop/oper.sh admin eap5csxm sync cli /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh cp -rf /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh /eap5.0/hiruntime/project/desktop/ chmod -R 777 /eap5.0/hiruntime/project/desktop /eap5.0/hiruntime/project/hicli.sh 域名项目类型用户名项目操作如：项目类型用户名项目名创建操作桌面端口 app端口小程序端口域名 eap5 0000227 eapProject create 2022 2023 2024 open2.hieap.cn 如：项目类型用户名项目名删除操作 eap5 0000227 eapProject delete 如：项目类型用户名项目名同步操作平台同步方式版本 eap5 0000227 eapProject sync desktop hiui 1.1.150 eap5 0000227 eapProject sync rn eap5 0000227 eapProject sync xcx 如：项目类型用户名项目名重启操作平台端口 eap5 0000227 eapProject restart desktop eap5 0000227 eapProject restart rn 2025 eap5 0000227 eapProject restart xcx 2026 项目类型，工号，项目，命令，平台，命令参数（逗号分开） eap5 admin eaptpl build desktop 上传路径模块路径列表（逗号分开） eap5 admin eaptpl build android 上传路径部署名 eap5 admin eaptpl build xcx 上传路径部署名 eap5 admin eaptpl build ios 上传路径部署名 ================linux 命令============================= nginx.conf 中通配域名识别 map $host $proxy_pass{ "mflm.0000221.pre2.hieap.cn" "43447"; } server { listen 8001; server_name ~^(\w)?\.(\w)?\.pre2\.hieap\.cn$; location / { proxy_pass http://127.0.0.1:$proxy_pass; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header X-real-ip $remote_addr; proxy_set_header X-Forwarded-For $remote_addr; proxy_set_header Origin ""; index index.html index.htm; } } /usr/local/nginx/sbin pm2 startup # 用来启动保存下来的服务列表 pm2 resurrect 端口查看进程 lsof -i :8081 杀端口进程 netstat -apn\|grep 3000 kill -9 18164 lsof -i :38889 free -m 查看内存查看用户进程的内存使用情况 ps auxw\|head -1;ps auxw\|sort -rn -k3\|head -10 杀webpack 进程 ps -ef\|grep webpack\|grep -v grep\|cut -c 9-15\|xargs kill -9 使用指令sed -i 's/\r$//' xxxxxxx.sh，上面的指令会把 xxxxxxx.sh 中的\r 替换成空白！内网： PC http://项目名.工号.pre2.hieap.cn 手机 http://项目名rn.工号.pre2.hieap.cn 小程序 http://项目名xcx.工号.pre2.hieap.cn 文档 http://项目名doc.工号.pre2.hieap.cn 外网： PC http://项目名.工号.pre.hieap.cn 手机 http://项目名rn.工号.pre.hieap.cn 小程序 http://项目名xcx.工号.pre.hieap.cn 文档 http://项目名doc.工号.pre.hieap.cn 【======编译问题 ======】可能 parallel-webpack cpu太多可能 happypack cpu太多目前把 parallel-webpack 降到 1 cpu 结果可以跑的动 #第一个管道将每行的逗号去掉；第二个管道去掉{和}；第三个管道去掉所有双引号；第四个管道替换第一个:为=号 data=$(cat profile.json \| sed -r 's/",/"/' \| egrep -v '^[{}]' \| sed 's/"//g' \| sed 's/:/=/1') #如果json的值直接没有换行符则使用下面的方法获取 #data=`cat data.json \|sed 's/,"/\n/g' \|grep -v IAM_Server \|sed 's/":"/=/g;s/"$//g;s/^{"//g;s/"}//g'` declare $data #声明变量 echo $Mysql_Port #查看变量值 node webpack 多config 编译执行 https://cloud.tencent.com/developer/section/1477277 parallel-webpack 多config 并行执行编译，这样提高速度 192.168.4.194 项目文件：/filesdisk2/eap5/web/workspace/project/deploy /filesdisk2/eap5/studio/workspace/project/deploy/ 192.168.4.193 项目文件： /opt/eap5/desktop/preview/ deploy最终的项目部署目录 http://192.168.4.194:3000/project/01521/mokuai/shitu/abc/dtv/1.0.0/index.html 让npm run dev在Linux后台持久运行 nohup npm run dev >/dev/null 2>&1 & exit 杀端口进程 netstat -apn\|grep 3000 kill -9 18164 下面几个版本组合（有些版本没有列出来）。 npm install -g node-gyp https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+ 然页sass-loader 版本8的，配对 node-sass版本4 npm i sass-loader@8.0.2 node-sass@4.13.0 -D npm rebuild node-sass npm i less@4.1.1 less-loader@3.0.0 -D npm cache clean -f rimraf node_modules npm shrinkwrap // npm-shrinkwrap.json 锁定包版本环境 1：npm install webpack -g 2: npm install webpack-cli -g 3: npm init -y 4: npm install webpack --save-dev 5: npm install html-webpack-plugin （html编译插件） 6：npm install clean-webpack-plugin 6.1: npm install webpack-dev-server (服务插件) 6.2: npm install style-loader css-loader （css打包插件） 6.3: npm install file-loader url-loader (文件图片打包插件) 6.4: npm install less-loader (less打包插件) 6.5: npm install sass scss --save-dev （sass scss打包插件） 6.6: npm install sass-loader nade-sass (sass打包插件) 7新建一个src文件夹和 less文件夹和webpack.config.js //以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component .babelrc "plugins": ["transform-vue-jsx", "transform-runtime", [ "component", { "libraryName": "hi-ui", "style":false } ]], vue2 使用 vite 所需求的步骤： 1、相关包安装 npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D 2、添加vite.confing.js import { createVuePlugin } from "vite-plugin-vue2"; 在配置项中，转vue plugins: [createVuePlugin()], 3、修改vite/dist/client/client.js case 'error': //判断当前出错的页面 let locPath = location.pathname.split('/'); locPath.pop(); if(err.id.indexOf(locPath.join('/'))==-1)break; case 'update': return;//让用户手动去刷新 08335 case 'full-reload': return;//让用户手动去刷新 08335 报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize. 按先后顺序，执行如下操作： pm2 update pm2 save pm2 list //当dock重新部署时这个重启服务 pm2 resurrect npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示 webpack5 https://blog.csdn.net/j178202798/category_11141799.html npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0 npm run build:modules ./project/WangGeShu/view/ShuWangGe/dtv/1.0.0/desktop webpack 2 vite https://github.com/tnfe/wp2vite/blob/master/README.zh-CN.md 自动化构建工具（三）Parcel https://blog.csdn.net/weixin_42580704/article/details/108378689 https://www.parceljs.cn/getting_started.html /eap5.0/hiruntime/project/desktop/oper.sh admin eap5csxm sync cli /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh cp -rf /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh /eap5.0/hiruntime/project/desktop/ chmod -R 777 /eap5.0/hiruntime/project/desktop /eap5.0/hiruntime/project/hicli.sh 域名项目类型用户名项目操作如：项目类型用户名项目名创建操作桌面端口 app端口小程序端口域名 eap5 0000227 eapProject create 2022 2023 2024 open2.hieap.cn 如：项目类型用户名项目名删除操作 eap5 0000227 eapProject delete 如：项目类型用户名项目名同步操作平台同步方式 eap5 0000227 eapProject sync desktop hiui eap5 0000227 eapProject sync rn eap5 0000227 eapProject sync xcx 如：项目类型用户名项目名重启操作平台端口 eap5 0000227 eapProject restart desktop eap5 0000227 eapProject restart rn 2025 eap5 0000227 eapProject restart xcx 2026 项目类型，工号，项目，命令，平台，命令参数（逗号分开） eap5 admin eaptpl build desktop 上传路径模块路径列表（逗号分开） eap5 admin eaptpl build android 上传路径部署名 eap5 admin eaptpl build xcx 上传路径部署名 eap5 admin eaptpl build ios 上传路径部署名 ================linux 命令============================= nginx.conf 中通配域名识别 map $host $proxy_pass{ "mflm.0000221.pre2.hieap.cn" "43447"; } server { listen 8001; server_name ~^(\w)?\.(\w)?\.pre2\.hieap\.cn$; location / { proxy_pass http://127.0.0.1:$proxy_pass; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header X-real-ip $remote_addr; proxy_set_header X-Forwarded-For $remote_addr; proxy_set_header Origin ""; index index.html index.htm; } } /usr/local/nginx/sbin pm2 startup # 用来启动保存下来的服务列表 pm2 resurrect 端口查看进程 lsof -i :8081 杀端口进程 netstat -apn\|grep 3000 kill -9 18164 lsof -i :38889 free -m 查看内存查看用户进程的内存使用情况 ps auxw\|head -1;ps auxw\|sort -rn -k3\|head -10 杀webpack 进程 ps -ef\|grep webpack\|grep -v grep\|cut -c 9-15\|xargs kill -9 使用指令sed -i 's/\r$//' xxxxxxx.sh，上面的指令会把 xxxxxxx.sh 中的\r 替换成空白！内网： PC http://项目名.工号.pre2.hieap.cn 手机 http://项目名rn.工号.pre2.hieap.cn 小程序 http://项目名xcx.工号.pre2.hieap.cn 文档 http://项目名doc.工号.pre2.hieap.cn 外网： PC http://项目名.工号.pre.hieap.cn 手机 http://项目名rn.工号.pre.hieap.cn 小程序 http://项目名xcx.工号.pre.hieap.cn 文档 http://项目名doc.工号.pre.hieap.cn 【======编译问题 ======】可能 parallel-webpack cpu太多可能 happypack cpu太多目前把 parallel-webpack 降到 1 cpu 结果可以跑的动 #第一个管道将每行的逗号去掉；第二个管道去掉{和}；第三个管道去掉所有双引号；第四个管道替换第一个:为=号 data=$(cat profile.json \| sed -r 's/",/"/' \| egrep -v '^[{}]' \| sed 's/"//g' \| sed 's/:/=/1') #如果json的值直接没有换行符则使用下面的方法获取 #data=`cat data.json \|sed 's/,"/\n/g' \|grep -v IAM_Server \|sed 's/":"/=/g;s/"$//g;s/^{"//g;s/"}//g'` declare $data #声明变量 echo $Mysql_Port #查看变量值

Ignore Space Show notes View

doc/doc.txt

node webpack 多config 编译执行
https://cloud.tencent.com/developer/section/1477277
parallel-webpack 多config 并行执行编译，这样提高速度

192.168.4.194
项目文件：/filesdisk2/eap5/web/workspace/project/deploy
        /filesdisk2/eap5/studio/workspace/project/deploy/
        
192.168.4.193
项目文件：
/opt/eap5/desktop/preview/

deploy最终的项目部署目录
http://192.168.4.194:3000/project/01521/mokuai/shitu/abc/dtv/1.0.0/index.html

让npm run dev在Linux后台 持久运行
nohup npm run dev >/dev/null 2>&1 &
exit
杀端口进程
netstat -apn|grep 3000
kill -9 18164

下面几个版本组合（有些版本没有列出来）。

npm install -g node-gyp
https://github.com/webpack-contrib/sass-loader/blob/v6.0.7/package.json

node-sass 对环境的要求 Node 12 的话要 node-sass 4.12+
然页sass-loader 版本8的， 配对 node-sass版本4 
npm i sass-loader@8.0.2 node-sass@4.13.0 -D

npm rebuild node-sass

npm i less@4.1.1 less-loader@3.0.0 -D
npm cache clean -f

rimraf node_modules
npm shrinkwrap  // npm-shrinkwrap.json 锁定包版本环境

1：npm install webpack -g

2: npm install webpack-cli -g

3: npm init -y

4: npm install webpack --save-dev

5: npm install html-webpack-plugin    （html编译插件）

6：npm install clean-webpack-plugin

6.1: npm install webpack-dev-server   (服务插件)

6.2: npm install style-loader css-loader  （css打包插件）

6.3: npm install file-loader url-loader    (文件图片打包插件)

6.4: npm install less-loader    (less打包插件)

6.5: npm install sass scss --save-dev       （sass scss打包插件）

6.6: npm install sass-loader nade-sass      (sass打包插件)

7新建一个src文件夹  和  less文件夹       和webpack.config.js

//以element 方式打包各各组件，做为按需导出使用 ElementUI/babel-plugin-component
.babelrc
"plugins": ["transform-vue-jsx", "transform-runtime", [
    "component",
    {
        "libraryName": "hi-ui",
        "style":false
    }
]],

vue2 使用 vite 所需求的步骤：

1、相关包安装
npm i '@vitejs/plugin-vue' '@vue/compiler-sfc' vite vite-plugin-vue2 -D

2、添加vite.confing.js
import { createVuePlugin } from "vite-plugin-vue2";
在配置项中，转vue
plugins: [createVuePlugin()],

3、修改vite/dist/client/client.js

case 'error': 
    //判断当前出错的页面
    let locPath = location.pathname.split('/');
    locPath.pop();            
    if(err.id.indexOf(locPath.join('/'))==-1)break;

case 'update': 
        return;//让用户手动去刷新 08335
    case 'full-reload':
        return;//让用户手动去刷新 08335

报类似这样的错误： Current process list running is not in sync with saved list. App BookStack differs. Type ‘pm2 save’ to synchronize.

按先后顺序，执行如下操作：

pm2 update
pm2 save
pm2 list
//当dock重新部署时这个重启服务
pm2 resurrect

npm i vite@2.3.7 --save-dev //fonticon这个版本才可以有图标显示
webpack5
https://blog.csdn.net/j178202798/category_11141799.html

npm run build:debug ./project/zhuomianduanyanshi/biaozhundanju/view/biaodan/dtv/1.0.0

npm run build:modules ./project/WangGeShu/view/ShuWangGe/dtv/1.0.0/desktop

webpack 2 vite
 https://github.com/tnfe/wp2vite/blob/master/README.zh-CN.md

自动化构建工具（三）Parcel
 https://blog.csdn.net/weixin_42580704/article/details/108378689
 https://www.parceljs.cn/getting_started.html

/eap5.0/hiruntime/project/desktop/oper.sh admin eap5csxm sync cli

/eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh

cp -rf /eap5.0/hiruntime/project/desktop/project-template/build/bin/oper.sh /eap5.0/hiruntime/project/desktop/

chmod -R 777 /eap5.0/hiruntime/project/desktop

/eap5.0/hiruntime/project/hicli.sh 域名   项目类型   用户名   项目    操作

如：
项目类型    用户名      项目名          创建操作        桌面端口        app端口     小程序端口       域名
  eap5     0000227     eapProject     create          2022           2023       2024         open2.hieap.cn

如：
项目类型   用户名  项目名       删除操作 
  eap5   0000227  eapProject  delete

如：
项目类型   用户名      项目名    同步操作    平台    同步方式       版本          
eap5     0000227   eapProject   sync     desktop    hiui       1.1.150    
eap5     0000227   eapProject   sync     rn 
eap5     0000227   eapProject   sync     xcx

如：
项目类型   用户名    项目名      重启操作   平台    端口
eap5    0000227   eapProject   restart    desktop
eap5  0000227   eapProject  restart    rn     2025
eap5  0000227   eapProject  restart    xcx    2026

项目类型，工号，项目，命令 ，平台 ，命令参数（逗号分开）
eap5   admin  eaptpl  build  desktop  上传路径  模块路径列表（逗号分开） 
eap5   admin  eaptpl  build  android 上传路径  部署名 
eap5   admin  eaptpl  build  xcx 上传路径  部署名
eap5   admin  eaptpl  build  ios 上传路径 部署名

================linux 命令=============================

nginx.conf 中通配域名识别
map $host $proxy_pass{
    "mflm.0000221.pre2.hieap.cn" "43447";
}
server {
    listen              8001;
    server_name  ~^(\w)*?\.(\w)*?\.pre2\.hieap\.cn$;
    location / {
        proxy_pass    http://127.0.0.1:$proxy_pass;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header X-real-ip $remote_addr;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header Origin "";
        index  index.html index.htm;
        }
}

/usr/local/nginx/sbin

pm2 startup

# 用来启动保存下来的服务列表
pm2 resurrect

端口查看进程 lsof -i :8081

杀端口进程
netstat -apn|grep 3000
kill -9 18164

lsof -i :38889

free -m   查看内存

查看用户进程的内存使用情况
ps auxw|head -1;ps auxw|sort -rn -k3|head -10

杀webpack 进程
ps -ef|grep webpack|grep -v grep|cut -c 9-15|xargs kill -9

使用指令sed -i 's/\r$//' xxxxxxx.sh，上面的指令会把 xxxxxxx.sh 中的\r 替换成空白！

内网：
PC      http://项目名.工号.pre2.hieap.cn
手机    http://项目名rn.工号.pre2.hieap.cn
小程序    http://项目名xcx.工号.pre2.hieap.cn
文档      http://项目名doc.工号.pre2.hieap.cn

外网：
PC      http://项目名.工号.pre.hieap.cn
手机    http://项目名rn.工号.pre.hieap.cn
小程序    http://项目名xcx.工号.pre.hieap.cn
文档      http://项目名doc.工号.pre.hieap.cn

【======编译问题 ======】
可能 parallel-webpack  cpu太多 
可能  happypack  cpu太多
目前把  parallel-webpack 降到 1 cpu  结果可以跑的动

#第一个管道将每行的逗号去掉；第二个管道去掉{和}；第三个管道去掉所有双引号；第四个管道替换第一个:为=号
data=$(cat profile.json | sed -r 's/",/"/' | egrep -v '^[{}]' | sed 's/"//g' | sed 's/:/=/1')
#如果json的值直接没有换行符则使用下面的方法获取
#data=`cat data.json |sed 's/,"/\n/g' |grep -v IAM_Server  |sed 's/":"/=/g;s/"$//g;s/^{"//g;s/"}//g'`
declare $data		#声明变量
echo $Mysql_Port	#查看变量值