refactor: remove HBuilderX (#87)

* refactor: Does not depend on HBuilderX * refactor: Remove redundant files and configurations * doc: Add development instructions * feat: 添加 `build:h5-netlify` 命令以 build 到不同目录 * chore: Add post-release test function
2024-11-24 19:10:34 +08:00 · 2021-11-23 11:07:28 +08:00 · 2021-11-23 11:07:28 +08:00 · d54a2af230
commit d54a2af230
parent b38ab94969
20 changed files with 92 additions and 17391 deletions
--- a/.automator/h5/.automator.json
+++ b/.automator/h5/.automator.json
--- a/.eslintignore
+++ b/.eslintignore
@ -1,2 +0,0 @@
-*.js
-*.vue
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -1,27 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true,
-  },
-  extends: ["plugin:vue/essential", "@vue/standard"],
-  rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
-    camelcase: "off",
-    eqeqeq: "off",
-  },
-  parserOptions: {
-    parser: "babel-eslint",
-  },
-  overrides: [
-    {
-      files: [
-        "**/__tests__/*.{j,t}s?(x)",
-        "**/tests/unit/**/*.spec.{j,t}s?(x)",
-      ],
-      env: {
-        jest: true,
-      },
-    },
-  ],
-};
--- a/.gitignore
+++ b/.gitignore
@ -40,3 +40,6 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+
+# mockm
+httpData
--- a/README.md
+++ b/README.md
@ -32,6 +32,32 @@ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章

 欢迎各位朋友随时提交 PR，让这款微信 Markdown 编辑器变得更好！如果你有新的想法，也欢迎在 [Discussions 讨论区](https://github.com/doocs/md/discussions)反馈。

+## 如何开发和部署
+``` sh
+# 安装依赖
+npm i
+
+# 启动开发模式
+npm run serve
+
+# 输出部署版本
+npm run build
+```
+
+## 测试
+``` sh
+# 启动接口服务
+npm run mm
+
+# 编译到 dist/md
+npm run build
+# 访问 http://127.0.0.1:9000/md
+
+# 编译到 dist
+npm run build:h5-netlify
+# 访问 http://127.0.0.1:9000/
+```
+
 ## 功能特性

 - [x] 支持自定义 CSS 样式
--- a/babel.config.js
+++ b/babel.config.js
@ -1,60 +1,3 @@
-const plugins = [];
-
-if (process.env.UNI_OPT_TREESHAKINGNG) {
-  plugins.push(
-    require("@dcloudio/vue-cli-plugin-uni-optimize/packages/babel-plugin-uni-api/index.js")
-  );
-}
-
-if (
-  (process.env.UNI_PLATFORM === "app-plus" && process.env.UNI_USING_V8) ||
-  (process.env.UNI_PLATFORM === "h5" &&
-    process.env.UNI_H5_BROWSER === "builtin")
-) {
-  const path = require("path");
-
-  const isWin = /^win/.test(process.platform);
-
-  const normalizePath = (path) => (isWin ? path.replace(/\\/g, "/") : path);
-
-  const input = normalizePath(process.env.UNI_INPUT_DIR);
-  try {
-    plugins.push([
-      require("@dcloudio/vue-cli-plugin-hbuilderx/packages/babel-plugin-console"),
-      {
-        file(file) {
-          file = normalizePath(file);
-          if (file.indexOf(input) === 0) {
-            return path.relative(input, file);
-          }
-          return false;
-        },
-      },
-    ]);
-  } catch (e) {}
-}
-
-process.UNI_LIBRARIES = process.UNI_LIBRARIES || ["@dcloudio/uni-ui"];
-process.UNI_LIBRARIES.forEach((libraryName) => {
-  plugins.push([
-    "import",
-    {
-      libraryName: libraryName,
-      customName: (name) => {
-        return `${libraryName}/lib/${name}/${name}`;
-      },
-    },
-  ]);
-});
 module.exports = {
-  presets: [
-    [
-      "@vue/app",
-      {
-        modules: "commonjs",
-        useBuiltIns: process.env.UNI_PLATFORM === "h5" ? "usage" : "entry",
-      },
-    ],
-  ],
-  plugins,
-};
+  presets: [`@vue/cli-plugin-babel/preset`],
+}
--- a/manifest.js
+++ b/manifest.js
@ -1,11 +0,0 @@
-const fs = require("fs");
-const manifest = require("./src/manifest.json");
-
-manifest.h5.publicPath = process.env.SERVER_ENV !== "NETLIFY" ? "/md/" : "/";
-const result = JSON.stringify(manifest, null, 2);
-
-fs.writeFile("./src/manifest.json", result, function (err) {
-  if (err) {
-    console.error(err);
-  }
-});
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -3,59 +3,12 @@
  "version": "1.5.6",
  "private": false,
  "scripts": {
-    "serve": "node manifest.js & npm run dev:h5",
-    "build": "node manifest.js & npm run build:h5",
-    "build:h5-netlify": "cross-env SERVER_ENV=NETLIFY node manifest.js & npm run build:h5",
-    "build:app-plus": "cross-env NODE_ENV=production UNI_PLATFORM=app-plus vue-cli-service uni-build",
-    "build:custom": "cross-env NODE_ENV=production uniapp-cli custom",
-    "build:h5": "cross-env NODE_ENV=production UNI_OUTPUT_DIR=dist UNI_PLATFORM=h5 vue-cli-service uni-build",
-    "build:mp-360": "cross-env NODE_ENV=production UNI_PLATFORM=mp-360 vue-cli-service uni-build",
-    "build:mp-alipay": "cross-env NODE_ENV=production UNI_PLATFORM=mp-alipay vue-cli-service uni-build",
-    "build:mp-baidu": "cross-env NODE_ENV=production UNI_PLATFORM=mp-baidu vue-cli-service uni-build",
-    "build:mp-kuaishou": "cross-env NODE_ENV=production UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build",
-    "build:mp-qq": "cross-env NODE_ENV=production UNI_PLATFORM=mp-qq vue-cli-service uni-build",
-    "build:mp-toutiao": "cross-env NODE_ENV=production UNI_PLATFORM=mp-toutiao vue-cli-service uni-build",
-    "build:mp-weixin": "cross-env NODE_ENV=production UNI_PLATFORM=mp-weixin vue-cli-service uni-build",
-    "build:quickapp-native": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-native vue-cli-service uni-build",
-    "build:quickapp-webview": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview vue-cli-service uni-build",
-    "build:quickapp-webview-huawei": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build",
-    "build:quickapp-webview-union": "cross-env NODE_ENV=production UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build",
-    "dev:app-plus": "cross-env NODE_ENV=development UNI_PLATFORM=app-plus vue-cli-service uni-build --watch",
-    "dev:custom": "cross-env NODE_ENV=development uniapp-cli custom",
-    "dev:h5": "cross-env NODE_ENV=development UNI_OUTPUT_DIR=dist UNI_PLATFORM=h5 vue-cli-service uni-serve",
-    "dev:mp-360": "cross-env NODE_ENV=development UNI_PLATFORM=mp-360 vue-cli-service uni-build --watch",
-    "dev:mp-alipay": "cross-env NODE_ENV=development UNI_PLATFORM=mp-alipay vue-cli-service uni-build --watch",
-    "dev:mp-baidu": "cross-env NODE_ENV=development UNI_PLATFORM=mp-baidu vue-cli-service uni-build --watch",
-    "dev:mp-kuaishou": "cross-env NODE_ENV=development UNI_PLATFORM=mp-kuaishou vue-cli-service uni-build --watch",
-    "dev:mp-qq": "cross-env NODE_ENV=development UNI_PLATFORM=mp-qq vue-cli-service uni-build --watch",
-    "dev:mp-toutiao": "cross-env NODE_ENV=development UNI_PLATFORM=mp-toutiao vue-cli-service uni-build --watch",
-    "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch",
-    "dev:quickapp-native": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-native vue-cli-service uni-build --watch",
-    "dev:quickapp-webview": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview vue-cli-service uni-build --watch",
-    "dev:quickapp-webview-huawei": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-huawei vue-cli-service uni-build --watch",
-    "dev:quickapp-webview-union": "cross-env NODE_ENV=development UNI_PLATFORM=quickapp-webview-union vue-cli-service uni-build --watch",
-    "info": "node node_modules/@dcloudio/vue-cli-plugin-uni/commands/info.js",
-    "serve:quickapp-native": "node node_modules/@dcloudio/uni-quickapp-native/bin/serve.js",
-    "test:android": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i",
-    "test:h5": "cross-env UNI_PLATFORM=h5 jest -i",
-    "test:ios": "cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=ios jest -i",
-    "test:mp-baidu": "cross-env UNI_PLATFORM=mp-baidu jest -i",
-    "test:mp-weixin": "cross-env UNI_PLATFORM=mp-weixin jest -i"
+    "serve": "vue-cli-service serve",
+    "build:h5-netlify": "cross-env SERVER_ENV=NETLIFY vue-cli-service build",
+    "build": "vue-cli-service build",
+    "mm": "npx mockm static=dist"
  },
  "dependencies": {
-    "@dcloudio/uni-app-plus": "^2.0.0-31820210406002",
-    "@dcloudio/uni-h5": "^2.0.0-31820210406002",
-    "@dcloudio/uni-helper-json": "*",
-    "@dcloudio/uni-mp-360": "^2.0.0-31820210406002",
-    "@dcloudio/uni-mp-alipay": "^2.0.0-31820210406002",
-    "@dcloudio/uni-mp-baidu": "^2.0.0-31820210406002",
-    "@dcloudio/uni-mp-qq": "^2.0.0-31820210406002",
-    "@dcloudio/uni-mp-toutiao": "^2.0.0-31820210406002",
-    "@dcloudio/uni-mp-vue": "^2.0.0-31820210406002",
-    "@dcloudio/uni-mp-weixin": "^2.0.0-31820210406002",
-    "@dcloudio/uni-quickapp-native": "^2.0.0-31820210406002",
-    "@dcloudio/uni-quickapp-webview": "^2.0.0-31820210406002",
-    "@dcloudio/uni-stat": "^2.0.0-31820210406002",
    "@vue/shared": "^3.0.11",
    "ali-oss": "^6.15.2",
    "axios": "^0.21.2",
@ -65,7 +18,6 @@
    "cos-js-sdk-v5": "^1.2.9",
    "crypto-js": "^4.0.0",
    "element-ui": "^2.15.1",
-    "flyio": "^0.6.14",
    "jquery": "^3.6.0",
    "juice": "^7.0.0",
    "marked": "^2.0.3",
@ -79,17 +31,6 @@
    "vuex": "^3.5.1"
  },
  "devDependencies": {
-    "@dcloudio/types": "*",
-    "@dcloudio/uni-automator": "^2.0.0-31820210406002",
-    "@dcloudio/uni-cli-i18n": "^2.0.0-32920211029004",
-    "@dcloudio/uni-cli-shared": "^2.0.0-31820210406002",
-    "@dcloudio/uni-migration": "^2.0.0-31820210406002",
-    "@dcloudio/uni-template-compiler": "^2.0.0-31820210406002",
-    "@dcloudio/vue-cli-plugin-hbuilderx": "^2.0.0-31820210406002",
-    "@dcloudio/vue-cli-plugin-uni": "^2.0.0-31820210406002",
-    "@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.0-31820210406002",
-    "@dcloudio/webpack-uni-mp-loader": "^2.0.0-31820210406002",
-    "@dcloudio/webpack-uni-pages-loader": "^2.0.0-31820210406002",
    "@vue/cli-plugin-babel": "~4.5.12",
    "@vue/cli-service": "~4.5.12",
    "async-validator": "^3.5.1",
@ -100,6 +41,7 @@
    "less-loader": "^5.0.0",
    "mini-types": "*",
    "miniprogram-api-typings": "*",
+    "mockm": "^1.1.25",
    "postcss-comment": "^2.0.0",
    "sass-loader": "^11.0.1",
    "vue-template-compiler": "^2.6.12"
--- a/postcss.config.js
+++ b/postcss.config.js
@ -1,22 +0,0 @@
-const path = require("path");
-module.exports = {
-  parser: require("postcss-comment"),
-  plugins: [
-    require("postcss-import")({
-      resolve(id, basedir, importOptions) {
-        if (id.startsWith("~@/")) {
-          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3));
-        } else if (id.startsWith("@/")) {
-          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2));
-        } else if (id.startsWith("/") && !id.startsWith("//")) {
-          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1));
-        }
-        return id;
-      },
-    }),
-    require("autoprefixer")({
-      remove: process.env.UNI_PLATFORM !== "h5",
-    }),
-    require("@dcloudio/vue-cli-plugin-uni/packages/postcss"),
-  ],
-};
--- a/public/index.html
+++ b/public/index.html
@ -16,10 +16,6 @@
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <title><%= htmlWebpackPlugin.options.title %></title>
-    <link
-      rel="stylesheet"
-      href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css"
-    />
    <link
      rel="shortcut icon"
      href="https://gitee.com/yanglbme/resource/raw/master/doocs-md/favicon.png"
--- a/src/App.vue
+++ b/src/App.vue
@ -1,3 +1,21 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<style lang="less">
+// 仿 uniapp 外层全屏
+html,
+body,
+#app {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+}
+</style>
+
 <style lang="less">
 /* 每个页面公共css */
@import url("./assets/less/style-mirror.css");
--- a/src/main.js
+++ b/src/main.js
@ -13,6 +13,7 @@ import "codemirror/addon/edit/matchbrackets";
 import "codemirror/addon/selection/active-line";
 import "codemirror/addon/hint/show-hint.js";
 import "codemirror/addon/hint/css-hint.js";
+import router from './router';

 Vue.use(ElementUI);

@ -21,7 +22,8 @@ Vue.config.productionTip = false;
 App.mpType = "app";

 const app = new Vue({
+  router,
  store,
  ...App,
 });
-app.$mount();
+app.$mount("#app");
--- a/src/manifest.json
+++ b/src/manifest.json
@ -1,71 +0,0 @@
-{
-  "name": "微信 Markdown 编辑器",
-  "appid": "",
-  "description": "",
-  "versionName": "1.5.6",
-  "versionCode": "100",
-  "transformPx": false,
-  "h5": {
-    "publicPath": "/md/"
-  },
-  "app-plus": {
-    "usingComponents": true,
-    "splashscreen": {
-      "alwaysShowBeforeRender": true,
-      "waiting": true,
-      "autoclose": true,
-      "delay": 0
-    },
-    "modules": {},
-    "distribute": {
-      "android": {
-        "permissions": [
-          "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-          "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-          "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
-          "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-          "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-          "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-          "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-          "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
-          "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-          "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-          "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
-          "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-          "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
-          "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-          "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-          "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-          "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
-          "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-          "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
-          "<uses-feature android:name=\"android.hardware.camera\"/>",
-          "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
-          "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-        ]
-      },
-      "ios": {},
-      "sdkConfigs": {}
-    }
-  },
-  "quickapp": {},
-  "mp-weixin": {
-    "appid": "",
-    "setting": {
-      "urlCheck": false
-    },
-    "usingComponents": true
-  },
-  "mp-alipay": {
-    "usingComponents": true
-  },
-  "mp-baidu": {
-    "usingComponents": true
-  },
-  "mp-toutiao": {
-    "usingComponents": true
-  },
-  "mp-qq": {
-    "usingComponents": true
-  }
-}
--- a/src/pages.json
+++ b/src/pages.json
@ -1,17 +0,0 @@
-{
-  "pages": [
-    {
-      "path": "pages/index/index",
-      "style": {
-        "navigationBarTitleText": "微信 Markdown 编辑器"
-      }
-    }
-  ],
-  "globalStyle": {
-    "navigationStyle": "custom",
-    "navigationBarTextStyle": "black",
-    "navigationBarTitleText": "uni-app",
-    "navigationBarBackgroundColor": "#F8F8F8",
-    "backgroundColor": "#F8F8F8"
-  }
-}
--- a/src/pages/index/view/CodemirrorEditor.vue
+++ b/src/pages/index/view/CodemirrorEditor.vue
@ -398,6 +398,13 @@ export default {
  },
 };
 </script>
+
+<style lang="less" scoped>
+.editor__header {
+  padding: 0;
+}
+</style>
+
 <style lang="less" scoped>
 .main-body {
  padding-top: 12px;
--- a/src/plugins/element/index.js
+++ b/src/plugins/element/index.js
@ -1,40 +1,9 @@
 import Vue from "vue";
 import {
-  Container,
-  Header,
-  Upload,
-  Tooltip,
-  Form,
-  FormItem,
-  Select,
-  Option,
-  ColorPicker,
-  Switch,
-  Button,
-  Main,
-  Col,
-  Row,
-  Dialog,
  Loading,
  Message,
 } from "element-ui";

-Vue.use(Container);
-Vue.use(Header);
-Vue.use(Upload);
-Vue.use(Tooltip);
-Vue.use(Form);
-Vue.use(FormItem);
-Vue.use(Select);
-Vue.use(Option);
-Vue.use(ColorPicker);
-Vue.use(Switch);
-Vue.use(Button);
-Vue.use(Main);
-Vue.use(Col);
-Vue.use(Row);
-Vue.use(Dialog);
-Vue.use(Loading);
 Vue.component(Message.name, Message);

 Vue.prototype.$loading = Loading.service;
--- a/src/router/index.js
+++ b/src/router/index.js
@ -0,0 +1,21 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import index from '@/pages/index/index'
+
+Vue.use(VueRouter)
+
+const routes = [
+  {
+    path: `/`,
+    name: `index`,
+    component: index,
+  }
+]
+
+const router = new VueRouter({
+  mode: `history`,
+  base: process.env.BASE_URL,
+  routes,
+})
+
+export default router
--- a/tsconfig.json
+++ b/tsconfig.json
@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "types": [
-      "@dcloudio/types",
-      "miniprogram-api-typings",
-      "mini-types"
-    ]
-  }
-}
--- a/vue.config.js
+++ b/vue.config.js
@ -0,0 +1,7 @@
+module.exports = {
+  publicPath: process.env.SERVER_ENV === `NETLIFY` ? `/` : `/md/`, // 基本路径, 建议以绝对路径跟随访问目录
+  outputDir: process.env.SERVER_ENV === `NETLIFY` ? `./dist/` : `./dist/md/`, // 输出文件目录
+  css: {
+    sourceMap: true,
+  },
+}