@cloudbase/framework-plugin-low-code 1.0.3-beta.2 → 1.0.3-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/framework-plugin-low-code",
-  "version": "1.0.3-beta.2",
+  "version": "1.0.3-beta.5",
   "description": "云开发 Tencent CloudBase Framework Low Code Plugin，将低码配置生成完整项目并一键部署云开发资源。",
   "author": "yhsunshining@gmail.com",
   "homepage": "https://github.com/TencentCloudBase/cloudbase-framework#readme",
@@ -13,7 +13,8 @@
   },
   "files": [
     "lib",
-    "template"
+    "template",
+    "scripts"
   ],
   "publishConfig": {
     "access": "public"
@@ -29,7 +30,8 @@
     "prebuild": "rm -rf ./lib && rm -rf ./tsconfig.tsbuildinfo && npm run template",
     "build": "tsc",
     "test": "jest",
-    "link": "node scripts/link-packages.js"
+    "link": "node scripts/link-packages.js",
+    "postinstall": "node scripts/postinstall.js"
   },
   "bugs": {
     "url": "https://github.com/TencentCloudBase/cloudbase-framework/issues"
@@ -38,51 +40,28 @@
     "@cloudbase/cals": "^0.3.35",
     "@cloudbase/framework-core": "^1.8.16",
     "@cloudbase/framework-plugin-auth": "^1.8.16",
-    "@cloudbase/framework-plugin-mp": "v1.3.6-beta.9",
+    "@cloudbase/framework-plugin-mp": "1.9.5-beta.0",
     "@cloudbase/framework-plugin-website": "^1.8.17",
-    "@cloudbase/lowcode-builder": "^1.0.10",
+    "@cloudbase/lowcode-builder": "^1.0.12",
     "@formily/react-schema-renderer": "1.1.7",
     "archiver": "^4.0.1",
-    "axios": "^0.21.0",
-    "chalk": "^2.4.2",
-    "command-exists": "^1.2.9",
     "compressing": "^1.4.0",
     "cos-nodejs-sdk-v5": "^2.8.2",
     "cross-spawn": "^6.0.5",
     "fs-extra": "^7.0.1",
-    "json-schema-defaults": "^0.4.0",
     "less": "^4.0.0",
     "lodash": "^4.17.11",
-    "lodash.clone": "^4.5.0",
-    "lodash.get": "^4.4.2",
-    "lodash.set": "^4.3.2",
-    "lodash.template": "^4.5.0",
-    "lodash.uniqby": "^4.7.0",
     "merge-package-json": "^0.1.3",
     "miniprogram-ci": "^1.8.0",
-    "postcss": "^8.3.6",
-    "postcss-pxtorem": "^6.0.0",
-    "prettier": "^2.0.5",
-    "qrcode": "^1.4.4",
-    "react": "^16.12.0",
-    "react-dom": "^16.8.6",
-    "react-eva": "^1.1.12",
-    "symlink-dir": "^3.1.1",
-    "webpack": "^4.41.4",
-    "xml-js": "^1.6.11"
+    "qrcode": "^1.4.4"
   },
   "devDependencies": {
     "@lerna/create-symlink": "^4.0.0",
     "@types/archiver": "^3.1.0",
-    "@types/command-exists": "^1.2.0",
     "@types/cross-spawn": "^6.0.2",
     "@types/fs-extra": "^9.0.1",
     "@types/less": "^3.0.1",
-    "@types/lodash.get": "^4.4.6",
-    "@types/lodash.template": "^4.5.0",
     "@types/node": "^13.9.8",
-    "@types/react": "^16.9.49",
-    "@types/webpack": "^4.41.22",
     "@types/weixin-app": "^2.9.0",
     "csstype": "^2.6.10",
     "jest": "^26.0.1",

package/scripts/build-plugin-tar.sh

@@ -0,0 +1,31 @@
+#!/bin/bash
+set -x
+
+NPM_VERSION=$(node -e "(function () { console.log(require('./package.json').version) })()")
+NPM_NAME=$(node -e "(function () { console.log(require('./package.json').name) })()")
+# 现网版本号
+VERSION=0.6.17
+# 产出文件名
+NAME=plugin.tar.gz
+# 产出目录，默认：脚本执行目录
+DIST_PATH=`pwd`
+
+cd $TMPDIR
+# 清理历史目录
+rm -rf $NPM_NAME/$NPM_VERSION
+# 创建产出目录
+mkdir -p $NPM_NAME/$NPM_VERSION
+cd $NPM_NAME/$NPM_VERSION
+pwd
+# 安装包，@todo 目前保持老打包逻辑(安装方式)，这块是否可以考虑不安装直接使用项目构建产出
+npm i $NPM_NAME@$NPM_VERSION
+cd node_modules/$NPM_NAME
+pwd
+# 安装生产依赖
+yarn --production
+# 更换版本号为现网版本号 0.6.17
+npm version $VERSION
+# 打包
+tar -zcvf $NAME ./*
+# 拷贝到产出目录
+mv ./$NAME $DIST_PATH

package/scripts/generateTemplate.js

@@ -0,0 +1,31 @@
+const fs = require('fs');
+const path = require('path');
+const glob = require('glob');
+
+const chokidar = require('chokidar');
+const TEMPLATE_PATH = path.join(__dirname, '../template/generator');
+
+// One-liner for current directory
+generateTemplate();
+if (process.env.npm_config_watch) {
+  chokidar.watch(TEMPLATE_PATH).on('all', (event, path) => {
+    console.log(event, path);
+    generateTemplate();
+  });
+}
+
+function generateTemplate() {
+  const files = glob.sync('**/*', { cwd: TEMPLATE_PATH, nodir: true });
+  const filesObj = files.reduce((obj, file) => {
+    obj[`/src/${file}`] = {
+      code: fs.readFileSync(path.join(TEMPLATE_PATH, file), {
+        encoding: 'utf8',
+      }),
+    };
+    return obj;
+  }, {});
+  fs.writeFileSync(
+    path.join(__dirname, '../src/generator/template.ts'),
+    `export default ${JSON.stringify(filesObj, null, 2)}`
+  );
+}

package/scripts/link-packages.js

@@ -0,0 +1,11 @@
+/**
+ * Tencent is pleased to support the open source community by making CloudBaseFramework - 云原生一体化部署工具 available.
+ *
+ * Copyright (C) 2020 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * Please refer to license text included with this package for license details.
+ */
+
+const link = require('./link');
+
+link();

package/scripts/link.js

@@ -0,0 +1,91 @@
+/**
+ * Tencent is pleased to support the open source community by making CloudBaseFramework - 云原生一体化部署工具 available.
+ *
+ * Copyright (C) 2020 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * Please refer to license text included with this package for license details.
+ */
+
+const os = require('os');
+const fs = require('fs');
+const del = require('del');
+const path = require('path');
+const mkdirp = require('mkdirp');
+const { execSync } = require('child_process');
+const { createSymlink } = require('@lerna/create-symlink');
+
+const globalNpmPath = execSync('npm root -g', {
+  encoding: 'utf-8',
+}).trim();
+// 如果不支持workspace 可以用下面写死
+// const globalNpmPath = '/usr/local/lib/node_modules';
+
+const pluginRegistry = path.join(os.homedir(), 'cloudbase-framework/registry');
+
+module.exports = async function main() {
+  // await linkCore();
+  initRegistry();
+  await linkPlugins();
+};
+
+async function linkCore() {
+  await link(
+    path.join(process.cwd(), 'packages/framework-core'),
+    path.join(globalNpmPath, '@cloudbase/cli'),
+    '@cloudbase/framework-core'
+  );
+}
+
+function initRegistry() {
+  if (!fs.existsSync(pluginRegistry)) {
+    mkdirp.sync(pluginRegistry, { recursive: true });
+  }
+  const packageJSON = path.join(pluginRegistry, 'package.json');
+  if (!fs.existsSync(packageJSON)) {
+    fs.writeFileSync(
+      packageJSON,
+      JSON.stringify({
+        name: 'cloudbase-framework-registry',
+      })
+    );
+  }
+}
+
+async function linkPlugins() {
+  const files = ['framework-plugin-low-code'];
+
+  const plugins = files.filter((file) => file.includes('plugin'));
+  // 插件列表
+  console.log(plugins);
+
+  for (const plugin of plugins) {
+    console.log('\n', 'Link Plugin', plugin, '\n');
+    // 创建软连接
+    await link(
+      path.join(process.cwd()),
+      pluginRegistry,
+      `@cloudbase/${plugin}`
+    );
+  }
+}
+
+// 将 global tcb cli 工具中的 framework-core link 到 packages/framework-core
+async function link(src, dest, packageName) {
+  const prevCwd = process.cwd();
+  const destPlugin = path.join(dest, 'node_modules', '@cloudbase');
+  // 确保目录存在
+  mkdirp.sync(destPlugin);
+  // 切换 cwd
+  process.chdir(destPlugin);
+  console.log('创建软连接：', process.cwd());
+  const pathName = packageName.replace('@cloudbase/', '');
+  // 删除已存在的文件
+  if (fs.existsSync(pathName)) {
+    del.sync([pathName]);
+  }
+  console.log('src', src);
+  console.log('pathName', pathName);
+  await createSymlink(src, pathName, 'junction');
+  // 切回源目录
+  process.chdir(prevCwd);
+}

package/scripts/postinstall.js

@@ -0,0 +1,47 @@
+const spawn = require('cross-spawn');
+const fs = require('fs-extra');
+const path = require('path');
+
+const packageName = 'postcss@^8';
+function installDependencies(targetDir) {
+  if (!process.env.CLOUDBASE_CIID) {
+    return;
+  }
+
+  // try {
+  //   let { stdout } = spawn.sync('yarn', ['-v']);
+  //   let str = stdout.toString();
+  //   if (Number(str.split('.')?.[0]) <= 1) {
+  //     yarnExists = true;
+  //   }
+  // } catch (e) {}
+  try {
+    let yarnExists = false;
+
+    const npmOptions = ['--prefer-offline', '--no-audit', '--progress=false', '--production', '--no-package-lock'];
+
+    let installProcess;
+    // 云端构建, 选用 npm
+    const installlProcessOptions = {
+      cwd: targetDir,
+      env: { ...process.env, NODE_ENV: '' },
+      stdio: 'inherit',
+    };
+
+    console.log('post install postcss in ' + targetDir);
+
+    if (yarnExists && !process.env.CLOUDBASE_CIID) {
+      const addPackage = packageName ? ['add', packageName] : [];
+
+      installProcess = spawn.sync('yarn', [...addPackage], installlProcessOptions);
+    } else {
+      installProcess = spawn.sync('npm', ['install', packageName, ...npmOptions], installlProcessOptions);
+    }
+    fs.removeSync(path.join(path.join(targetDir, 'yarn.lock')));
+  } catch (e) {
+    console.log(e.message);
+  }
+}
+
+// installDependencies(path.join(__dirname, '../'));
+installDependencies('/root/cloudbase-framework/registry');

package/scripts/preinstall.js

@@ -0,0 +1,16 @@
+const fs = require('fs-extra');
+const path = require('path');
+
+function installDependencies(targetDir) {
+  if (!process.env.CLOUDBASE_CIID) {
+    return;
+  }
+
+  try {
+    const lockPath = path.join(path.join(targetDir, 'package-lock.json'));
+    console.log('delete ' + lockPath);
+    fs.removeSync(lockPath);
+  } catch (e) {}
+}
+
+installDependencies(path.resolve('~/test/aaa/ttt/registry'));

package/template/html/index.html.ejs

@@ -1,456 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-cn">
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=9" />
-    <meta name="renderer" content="webkit|ie-stand" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,viewport-fit=cover" />
-    <meta name="format-detection" content="telephone=no" />
-    <meta name="description" content="<%= meta.desc %>" />
-    <script crossorigin="anonymous" src="https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js?v=1"></script>
-    <script>
-      <% if(!isAdminPortal){ %>
-      const _aegis = new Aegis({
-        id: 'lXHFsBpTjIzNADiczY', // 项目ID，即上报key
-        reportApiSpeed: true, // 接口测速
-        reportAssetSpeed: true, // 静态资源测速
-        spa: true,
-        ext1: '<%=appId%>',
-      });
-      <% } else {%>
-      const _aegis = new Aegis({
-        id: 'lXHFsBpTrKcnOMqTRQ', // 项目ID，即上报key
-        reportApiSpeed: false, // 接口测速
-        reportAssetSpeed: false, // 静态资源测速
-        spa: true,
-        ext1: '<%=appId%>',
-      });
-      <% }%>
-      window._aegis = _aegis;
-      window._aegis_inited = Date.now()
-    </script>
-    <title><%= meta.title %></title>
-    <% if(delevopment){ %>
-    <!-- <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
-    <script>
-      eruda.init();
-    </script> -->
-    <% }%> <% Array.isArray(meta.jsApis) && meta.jsApis.filter(function(item){return !!item}).forEach(function(jsApi){%>
-    <script src="<%=jsApi %>"></script>
-    <% })%>
-
-    <!-- 重置浏览器样式 -->
-    <style type="text/css">
-      .clearfix::before,
-      .clearfix::after {
-        content: '';
-        display: table;
-      }
-
-      .clearfix::after {
-        clear: both;
-      }
-
-      html {
-        -ms-text-size-adjust: 100%;
-        -webkit-text-size-adjust: 100%;
-        -webkit-tap-highlight-color: transparent;
-        height: 100%;
-      }
-
-      body {
-        margin: 0;
-        font-size: 14px;
-        font-family: 'Helvetica Neue', Helvetica, 'Microsoft Yahei', STHeiTi, Arial, sans-serif;
-        line-height: 1.5;
-        color: #333;
-        background-color: #fff;
-        min-height: 100%;
-      }
-
-      body > #react-body {
-        height: 100%;
-      }
-
-      .weapps-page {
-        min-height: 100%;
-      }
-
-      article,
-      aside,
-      details,
-      figcaption,
-      figure,
-      footer,
-      header,
-      hgroup,
-      main,
-      menu,
-      nav,
-      section,
-      summary {
-        display: block;
-      }
-
-      audio,
-      canvas,
-      progress,
-      video {
-        display: inline-block;
-      }
-
-      audio:not([controls]) {
-        display: none;
-        height: 0;
-      }
-
-      progress {
-        vertical-align: baseline;
-      }
-
-      [hidden],
-      template {
-        display: none;
-      }
-
-      a {
-        background: transparent;
-        text-decoration: none;
-        color: #08c;
-      }
-
-      a:active {
-        outline: 0;
-      }
-
-      abbr[title] {
-        border-bottom: 1px dotted;
-      }
-
-      b,
-      strong {
-        font-weight: bold;
-      }
-
-      dfn {
-        font-style: italic;
-      }
-
-      mark {
-        background: #ff0;
-        color: #000;
-      }
-
-      small {
-        font-size: 80%;
-      }
-
-      sub,
-      sup {
-        font-size: 75%;
-        line-height: 0;
-        position: relative;
-        vertical-align: baseline;
-      }
-
-      sup {
-        top: -0.5em;
-      }
-
-      sub {
-        bottom: -0.25em;
-      }
-
-      img {
-        border: 0;
-        vertical-align: middle;
-      }
-
-      svg:not(:root) {
-        overflow: hidden;
-      }
-
-      pre {
-        overflow: auto;
-        white-space: pre;
-        white-space: pre-wrap;
-        word-wrap: break-word;
-      }
-
-      code,
-      kbd,
-      pre,
-      samp {
-        font-family: monospace, monospace;
-        font-size: 1em;
-      }
-
-      button,
-      input,
-      optgroup,
-      select,
-      textarea {
-        color: inherit;
-        font: inherit;
-        margin: 0;
-        vertical-align: middle;
-      }
-
-      button,
-      input,
-      select {
-        overflow: visible;
-      }
-
-      button,
-      select {
-        text-transform: none;
-      }
-
-      button,
-      html input[type='button'],
-      input[type='reset'],
-      input[type='submit'] {
-        -webkit-appearance: button;
-        cursor: pointer;
-      }
-
-      [disabled] {
-        cursor: default;
-      }
-
-      button::-moz-focus-inner,
-      input::-moz-focus-inner {
-        border: 0;
-        padding: 0;
-      }
-
-      input {
-        line-height: normal;
-      }
-
-      input[type='checkbox'],
-      input[type='radio'] {
-        box-sizing: border-box;
-        padding: 0;
-      }
-
-      input[type='number']::-webkit-inner-spin-button,
-      input[type='number']::-webkit-outer-spin-button {
-        height: auto;
-      }
-
-      input[type='search'] {
-        -webkit-appearance: textfield;
-        box-sizing: border-box;
-      }
-
-      input[type='search']::-webkit-search-cancel-button,
-      input[type='search']::-webkit-search-decoration {
-        -webkit-appearance: none;
-      }
-
-      fieldset {
-        border: 1px solid #c0c0c0;
-        margin: 0 2px;
-        padding: 0.35em 0.625em 0.75em;
-      }
-
-      legend {
-        border: 0;
-        padding: 0;
-      }
-
-      textarea {
-        overflow: auto;
-        resize: vertical;
-        vertical-align: top;
-      }
-
-      optgroup {
-        font-weight: bold;
-      }
-
-      input,
-      select,
-      textarea {
-        outline: 0;
-      }
-
-      textarea,
-      input {
-        -webkit-user-modify: read-write-plaintext-only;
-      }
-
-      input::-ms-clear,
-      input::-ms-reveal {
-        display: none;
-      }
-
-      input::-moz-placeholder,
-      textarea::-moz-placeholder {
-        color: #999;
-      }
-
-      input:-ms-input-placeholder,
-      textarea:-ms-input-placeholder {
-        color: #999;
-      }
-
-      input::-webkit-input-placeholder,
-      textarea::-webkit-input-placeholder {
-        color: #999;
-      }
-
-      .placeholder {
-        color: #999;
-      }
-
-      table {
-        border-collapse: collapse;
-        border-spacing: 0;
-      }
-
-      td,
-      th {
-        padding: 0;
-      }
-
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6,
-      p,
-      figure,
-      form,
-      blockquote {
-        margin: 0;
-      }
-
-      ul,
-      ol,
-      li,
-      dl,
-      dd {
-        margin: 0;
-        padding: 0;
-      }
-
-      ul,
-      ol {
-        list-style: none outside none;
-      }
-
-      h1,
-      h2,
-      h3 {
-        line-height: 2;
-        font-weight: normal;
-      }
-
-      h1 {
-        font-size: 18px;
-      }
-
-      h2 {
-        font-size: 16px;
-      }
-
-      h3 {
-        font-size: 14px;
-      }
-
-      i {
-        font-style: normal;
-      }
-
-      * {
-        box-sizing: border-box;
-      }
-
-      .hide {
-        display: none;
-      }
-    </style>
-  </head>
-
-  <body data-weui-theme="light">
-    <div id="react-body" class="main-wrap"></div>
-    <% if(!isAdminPortal){ %>
-    <script src="/weda-config/weda-private.js"></script>
-    <script src="//static.cloudbase.net/cloudbase-js-sdk/2.4.0-alpha.0/cloudbase.full.js?v=1"></script>
-    <% }%>
-    <script>
-      if (window.cloudbase) {
-        const _callFunction = window.cloudbase.__proto__.callFunction;
-        window.cloudbase.__proto__.callFunction = function (args) {
-          let promise = _callFunction.call(window.cloudbase, ...arguments);
-          if (promise instanceof Promise) {
-            return promise
-              .then(function (res) {
-                const { name, data = {} } = args || {};
-                try {
-                  if (res.result && res.result.code) {
-                    _aegis.report({
-                      msg: '[' + name + ':' + data.methodName + ']: ' + (res.result.message || '函数调用失败'),
-                      level: '16',
-                      ext2: res.result.code,
-                      ext3: res.requestId,
-                      trace: 'trace',
-                    });
-                  }
-                } catch (e) {}
-                return res;
-              })
-              .catch(function (e) {
-                try {
-                  _aegis.report({
-                    msg: '[' + name + ':' + data.methodName + ']: ' + (e.message || '函数调用失败'),
-                    level: '16',
-                    ext2: e.code,
-                    ext3: e.requestId,
-                    trace: 'trace',
-                  });
-                } catch (e) {}
-                throw e;
-              });
-          } else {
-            return promise;
-          }
-        };
-      }
-    </script>
-    <script
-      crossorigin
-      src="https://qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/release/_npm/react@16.14.0/umd/react.production.min.js"
-    ></script>
-    <script
-      crossorigin
-      src="https://qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/release/_npm/react-dom@16.14.0/umd/react-dom.production.min.js"
-    ></script>
-    <script
-      src="https://qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/0.1.2/_url/ajax/libs/mobx/5.15.7/mobx.umd.js"
-      crossorigin="anonymous"
-    ></script>
-    <script
-      crossorigin="anonymous"
-      src="https://qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/release/_npm/@cloudbase/weda-cloud-sdk@1.0.12/dist/h5.browser.js"
-    ></script>
-    <script>
-      // zxing polifill
-      if (!this.globalThis) {
-        this.globalThis = this;
-      }
-    </script>
-    <script
-      crossorigin="anonymous"
-      src="https://qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/0.1.2/_url/npm/@zxing/library@0.18.6/umd/index.min.js"
-    ></script>
-    <script
-      crossorigin="anonymous"
-      src="https://qbase.cdn-go.cn//lcap/lcap-resource-cdngo/-/release/_npm/@cloudbase/weda-client@0.2.15/dist/web.browser.js"
-    ></script>
-  </body>
-</html>

package/template/package.json

@@ -1,63 +0,0 @@
-{
-  "name": "lcap-<%= appId%>",
-  "version": "1.0.0",
-  "scripts": {
-    "build-web": "webpack --config ./webpack/webpack.web.prod.js"
-  },
-  "dependencies": {
-    "@cloudbase/js-sdk": "2.4.0-alpha.0",
-    "@cloudbase/weda-client": "0.2.12",
-    "@tcwd/weapps-core": "2.2.6",
-    "@tcwd/weapps-sdk": "1.2.10",
-    "@zxing/library": "^0.18.6",
-    "lodash": "^4.17.19",
-    "mobx": "^5.15.4",
-    "mobx-react-lite": "^2.0.7",
-    "path-to-regexp": "^1.7.0",
-    "react": "^16.12.0",
-    "react-dom": "^16.8.6",
-    "react-router-dom": "^5.1.2",
-    "regenerator-runtime": "^0.13.5"
-  },
-  "devDependencies": {
-    "@types/react": "^16.9.49",
-    "autoprefixer": "^9.5.1",
-    "babel-loader": "^8.1.0",
-    "@babel/core": "^7.11.6",
-    "@babel/polyfill": "^7.7.0",
-    "@babel/preset-env": "^7.4.4",
-    "@babel/preset-react": "^7.0.0",
-    "@babel/plugin-proposal-decorators": "^7.4.4",
-    "@babel/plugin-proposal-export-default-from": "^7.5.2",
-    "@babel/plugin-proposal-export-namespace-from": "^7.5.2",
-    "@babel/plugin-proposal-partial-application": "^7.4.4",
-    "@babel/plugin-proposal-pipeline-operator": "^7.5.0",
-    "@babel/plugin-transform-modules-commonjs": "^7.10.4",
-    "babel-plugin-import": "^1.13.0",
-    "base64-inline-loader": "^1.1.1",
-    "copy-webpack-plugin": "^6.2.1",
-    "css-loader": "^5",
-    "happypack": "^5.0.1",
-    "dart-sass": "^1.24.0",
-    "postcss": "^8.3.6",
-    "postcss-pxtorem": "^6.0.0",
-    "postcss-loader": "^4.0.3",
-    "postcss-css-variables": "^0.16.0",
-    "qiankun": "^2.7.0",
-    "less": "^4.0.0",
-    "less-loader": "^7.0.1",
-    "loader-utils": "^3.2.0",
-    "sass-loader": "^8.0.0",
-    "terser-webpack-plugin": "^3.0.2",
-    "mini-css-extract-plugin": "^0.8.0",
-    "hard-source-webpack-plugin": "^0.13.1",
-    "html-webpack-plugin": "^3.2.0",
-    "ts-loader": "^8.3.0",
-    "typescript": "^4.4.4",
-    "vue-loader": "14",
-    "vue-template-compiler": "^2.6.14",
-    "webpack": "^4.41.4",
-    "webpack-cli": "^4.2.0",
-    "webpack-dev-server": "^3.11.0"
-  }
-}

package/template/webpack/devServer.js

@@ -1,119 +0,0 @@
-const webpackDevServer = require('webpack-dev-server')
-const webpack = require('webpack')
-const os = require('os')
-const fs = require('fs')
-const path = require('path')
-const argv = require('yargs').argv
-const config = require('./webpack.web.prod')
-const { appConfig } = require('../mainAppData.json')
-const { window = {} } = appConfig
-const isApp = <%=isApp %>
-
-
-function getDevServerConf() {
-  if (!argv.devServerConf) {
-    return {}
-  }
-  if (!argv.devServerConf.endsWith('.js')) {
-    console.error('参数请输入 --devServerConf config.js')
-  } else {
-    const devServerConfPath = path.resolve(process.cwd(), argv.devServerConf || '')
-    if (!fs.existsSync(devServerConfPath)) {
-      console.error(devServerConfPath, 'does not exists')
-      return {}
-    }
-    let conf = require(devServerConfPath)
-    if (!conf || typeof conf !== 'object') {
-      console.error(devServerConfPath, 'must have module.exports={}')
-    } else {
-      return conf
-    }
-  }
-  return {}
-}
-
-// const openBrowser = require('open');
-function getIPAdress() {
-  const interfaces = os.networkInterfaces()
-  for (const devName in interfaces) {
-    const iface = interfaces[devName]
-    for (let i = 0; i < iface.length; i++) {
-      const alias = iface[i]
-      if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
-        return alias.address
-      }
-    }
-  }
-}
-
-const port = 8001
-const ip = getIPAdress()
-let basename = ''
-let publicPath = ''
-if (!isApp) {
-  basename = window.basename || ''
-  if (basename.startsWith('/')) {
-    basename = basename.replace('/', '')
-  }
-  publicPath = window.publicPath || ''
-}
-
-console.log('>>>>>>>>>>>>>>>>>>>>> basename is ', basename)
-console.log('>>>>>>>>>>>>>>>>>>>>> publicPath is:', publicPath)
-const options = {
-  hot: true,
-  host: ip,
-  hotOnly: true,
-  historyApiFallback: {
-    verbose: true,
-    rewrites: [
-      {
-        from: /^\/(.*)\.(css|js)$/,
-        to: function(context) {
-          //  /^\/([^\.]*)\.(css|js)$/
-          console.log('>>>>>>>>>>>>>>>>> got in css|js!', context.parsedUrl.pathname)
-          const { assets = [] } = window
-          const isInAssets = assets.includes(context.parsedUrl.pathname)
-          return context.parsedUrl.pathname.replace(publicPath, '/')
-        },
-      },
-      {
-        from: new RegExp(`${basename}\/?(.*)$`),
-        to: function(context) {
-          console.log('>>>>>>>>>>>>>>>>> got in html!')
-          return 'index.html'
-        },
-      },
-    ],
-  },
-  contentBase: [path.join(__dirname, 'assets')],
-  watchOptions: {
-    poll: 600,
-    ignored: /node_modules|preview|dist|html|webpack|gsd-kbone-react/,
-  },
-  open: {
-    app: ['Google Chrome', '--incognito', '--other-flag'],
-  },
-  openPage: basename,
-  disableHostCheck: true,
-  compress: true
-}
-
-function startDevServer(conf) {
-  console.log('start startDevServer in webpack, env:', process.env.NODE_PATH)
-  let _options = Object.assign(options, conf)
-  console.log('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>')
-  console.log('Current webpack-dev-server config is: ')
-  console.log(_options)
-  console.log('<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
-  webpackDevServer.addDevServerEntrypoints(config, _options)
-
-  const compiler = webpack(config)
-  const server = new webpackDevServer(compiler, _options)
-
-  server.listen(port, '0.0.0.0', () => {
-    console.log(`调试环境端口启动在  http://${ip}:${port}/${basename}`)
-  })
-}
-
-startDevServer(getDevServerConf())

package/template/webpack/getCSSModuleLocalIdent.js

@@ -1,28 +0,0 @@
-// Stolen from https://github.com/facebook/create-react-app/blob/cee26589ff919e946030a5651a93ccba78a93293/packages/react-dev-utils/getCSSModuleLocalIdent.js
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-const loaderUtils = require('loader-utils');
-const path = require('path');
-
-module.exports = function getLocalIdent(context, localIdentName, localName, options) {
-  // Use the filename or folder name, based on some uses the index.js / index.module.(css|scss|sass) project style
-  const fileNameOrFolder = context.resourcePath.match(/index\.module\.(css|scss|sass)$/) ? '[folder]' : '[name]';
-  // Create a hash based on a the file location and class name. Will be unique across a project, and close to globally unique.
-  const hash = loaderUtils.getHashDigest(
-    path.posix.relative(context.rootContext, context.resourcePath) + localName,
-    'md5',
-    'base64',
-    5,
-  );
-  // Use loaderUtils to find the file or folder name
-  const className = loaderUtils.interpolateName(context, fileNameOrFolder + '_' + localName + '__' + hash, options);
-  // Remove the .module that appears in every classname when based on the file and replace all "." with "_".
-  return className.replace('.module_', '_').replace(/\./g, '_');
-};

package/template/webpack/web.prod.js

@@ -1,306 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const TerserPlugin = require('terser-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const themeVars = require('./themeVars');
-const getCSSModuleLocalIdent = require('./getCSSModuleLocalIdent');
-const HappyPack = require('happypack');
-const core = 4;
-const happyThreadPool = HappyPack.ThreadPool({ size: core });
-
-const TS_LOADER_ID = 'ts-loader';
-module.exports = function (options) {
-  const {
-    context,
-    entry,
-    output,
-    watch,
-    externals,
-    resolveModules,
-    htmlTemplatePath,
-    htmlTemplateData = {
-      meta: {},
-    },
-    definePlugin = {},
-    devtool = false,
-  } = options;
-
-  const babelLoader = {
-    loader: 'babel-loader',
-    options: {
-      compact: false,
-      cacheDirectory: true,
-      cwd: context,
-      presets: [
-        [
-          '@babel/preset-env',
-          {
-            modules: false,
-            targets: {
-              // esmodules: true,
-              browsers: ['defaults', 'iOS >= 10', 'safari >= 10'],
-            },
-          },
-        ],
-        '@babel/preset-react',
-      ],
-      plugins: [
-        [
-          'babel-plugin-import',
-          {
-            libraryName: '@govcloud/gsd-kbone-react',
-            libraryDirectory: 'lib/components',
-            camel2DashComponentName: false,
-          },
-        ],
-        '@babel/plugin-proposal-class-properties',
-        ['@babel/plugin-proposal-decorators', { legacy: true }],
-        '@babel/plugin-proposal-export-default-from',
-        '@babel/plugin-proposal-export-namespace-from',
-        '@babel/plugin-proposal-optional-chaining',
-        '@babel/plugin-proposal-partial-application',
-        ['@babel/plugin-proposal-pipeline-operator', { proposal: 'minimal' }],
-      ].filter(Boolean),
-    },
-  };
-  const typescriptLoader = {
-    loader: 'ts-loader',
-    options: {
-      compilerOptions: {
-        target: 'ESNext',
-        module: 'ESNext',
-        esModuleInterop: true,
-      },
-      happyPackMode: true,
-      transpileOnly: true,
-    },
-  };
-
-  let plugins = [
-    new HappyPack({
-      id: 'vue',
-      cache: true,
-      verbose: true,
-      loaders: [
-        babelLoader,
-        typescriptLoader,
-        {
-          loader: 'vue-loader',
-          options: {
-            threadMode: true,
-            loaders: {
-              js: [babelLoader],
-              ts: [babelLoader, typescriptLoader],
-            },
-          },
-        },
-      ],
-      threadPool: happyThreadPool,
-    }),
-    new HappyPack({
-      id: TS_LOADER_ID,
-      loaders: [babelLoader, typescriptLoader],
-      threadPool: happyThreadPool,
-    }),
-    new HappyPack({
-      id: 'babel',
-      loaders: [babelLoader],
-      threadPool: happyThreadPool,
-    }),
-    new HtmlWebpackPlugin({
-      template: htmlTemplatePath,
-      filename: 'index.html',
-      cache: false,
-      templateParameters: htmlTemplateData,
-    }),
-    new MiniCssExtractPlugin({
-      filename: '[name].[contenthash].css',
-      chunkFilename: '[id].[contenthash].css',
-    }),
-    new webpack.DefinePlugin(
-      Object.assign(
-        {
-          'process.env.isMiniprogram': false, // 注入环境变量，用于业务代码判断
-          'process.env.SSR': false,
-        },
-        definePlugin,
-      ),
-    ),
-    new CopyWebpackPlugin({
-      patterns: [
-        {
-          from: path.resolve(__dirname, '../assets'),
-          to: '.',
-          noErrorOnMissing: true,
-        },
-      ],
-    }),
-    new webpack.HashedModuleIdsPlugin({
-      hashFunction: 'sha256',
-      hashDigest: 'hex',
-      hashDigestLength: 20,
-    }),
-    new webpack.EnvironmentPlugin({
-      SSR: false,
-      WEBPACK_ENV: 'production',
-    }),
-  ];
-
-  const cssLoaders = [
-    MiniCssExtractPlugin.loader,
-    {
-      loader: 'css-loader',
-      options: {
-        modules: {
-          auto: true,
-          getLocalIdent: getCSSModuleLocalIdent,
-        },
-        importLoaders: 2,
-      },
-    },
-    {
-      loader: 'postcss-loader',
-      options: {
-        postcssOptions: {
-          plugins: [
-            [
-              'postcss-pxtorem',
-              {
-                rootValue: 14,
-                propList: ['*'],
-                // todo
-                selectorBlackList: ['.weui-picker__indicator'],
-              },
-            ],
-          ],
-        },
-      },
-    },
-  ];
-
-  return {
-    context,
-    entry,
-    /**
-     * 只要是构建都开启 production 以使用精简
-     */
-    mode: 'production',
-    watch,
-    output,
-    externals,
-    cache: {
-      type: 'memory',
-    },
-    devtool: devtool,
-    resolve: {
-      extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.scss', '.css'],
-      modules: [...resolveModules],
-      symlinks: false,
-      cacheWithContext: false,
-      alias: {
-        '@': path.resolve(__dirname, '../src'),
-        // react: 'preact/compat',
-        // 'react-dom/test-utils': 'preact/test-utils',
-        // 'react-dom': 'preact/compat',
-      },
-    },
-    module: {
-      rules: [
-        {
-          test: /\.vue$/,
-          loader: 'happypack/loader?id=vue',
-        },
-        {
-          test: /\.tsx?$/,
-          exclude: /node_modules\/(?!@cloudbase\/weda-ui)|gsd-kbone-react/,
-          use: [`happypack/loader?id=${TS_LOADER_ID}`],
-        },
-        {
-          test: /\.(js|jsx)$/,
-          exclude:
-            /node_modules\/(?!(@cloudbase\/weda-ui)|(@tcwd\/vuera)|(@tcwd\/weapps-core)|(@tcwd\/weapps-core))|gsd-kbone-react/,
-          use: ['happypack/loader?id=babel'],
-        },
-        {
-          test: /\.(scss|sass)$/,
-          use: [
-            ...cssLoaders,
-            {
-              loader: 'sass-loader',
-              options: {
-                implementation: require('dart-sass'),
-              },
-            },
-          ],
-        },
-        {
-          test: /\.css$/,
-          use: [...cssLoaders],
-        },
-        {
-          test: /\.less$/,
-          use: [
-            ...cssLoaders,
-            {
-              loader: 'less-loader',
-              options: {
-                lessOptions: {
-                  modifyVars: themeVars,
-                  javascriptEnabled: true,
-                },
-              },
-            },
-          ],
-        },
-        {
-          test: /\.(jpe?g|png|gif|ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
-          loader: 'base64-inline-loader',
-        },
-      ],
-    },
-    plugins,
-    optimization: {
-      concatenateModules: true,
-      noEmitOnErrors: true,
-      splitChunks: {
-        maxSize: 3000000,
-        cacheGroups: {
-          base: {
-            test: /(react|react-dom|react-router|react-router-dom|mobx|mobx-react-lite|@cloudbase\/js-sdk)/,
-            chunks: 'all',
-            minSize: 500000,
-            priority: 100, // 优先级
-          },
-          utils: {
-            test: /(lodash|dayjs|axios|kbone-api)/,
-            chunks: 'all',
-            priority: 100, // 优先级
-          },
-          'async-commons': {
-            chunks: 'async',
-            minChunks: 2,
-            priority: 20,
-          },
-          commons: {
-            chunks: 'all',
-            minChunks: 2,
-            priority: 20,
-          },
-        },
-      },
-      minimizer: [
-        new TerserPlugin({
-          test: /\.js(\?.*)?$/i,
-          cache: false,
-          parallel: true,
-          sourceMap: false,
-          terserOptions: {
-            safari10: true,
-          },
-        }),
-      ],
-    },
-  };
-};