emacroh5lib 1.0.0

package/.eslintrc.js

@@ -0,0 +1,61 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: [
+    'plugin:vue/essential',
+    '@vue/standard',
+    '@vue/typescript/recommended'
+  ],
+  parserOptions: {
+    ecmaVersion: 2020
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'quotes': 'off',
+    'semi': 'off',
+    'comma-dangle': 'off',
+    '@typescript-eslint/no-var-requires': 0,
+    "space-before-function-paren": 0,
+    '@typescript-eslint/no-empty-function': 0,
+    "padded-blocks": 0,
+    '@typescript-eslint/no-unused-vars': 'off',
+    "@typescript-eslint/no-explicit-any": ["off"],
+    'no-multiple-empty-lines': 0,
+    // 关闭驼峰命名规则
+    'vue/multi-word-component-names': 0,
+    '@typescript-eslint/no-this-alias': ["off"],
+    'lines-between-class-members': ["off"],
+    'indent': ['off', 2],
+    'camelcase': 'off',
+    'spaced-comment': 'off',
+    'no-empty': 'off',
+    'key-spacing': 'off',
+    'prefer-const': 'off',
+    'comma-spacing': 'off',
+    'curly': 'off',
+    'new-cap': 'off',
+    'no-trailing-spaces': 'off',
+    'eol-last': 'off',
+    'eqeqeq': 'off',
+    'brace-style': 'off',
+    'no-multi-spaces': 'off',
+    'yoda': 'off',
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    'no-lone-blocks': 'off'
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+      ],
+      env: {
+        jest: true
+      }
+    }
+  ]
+}

package/README.md

@@ -0,0 +1,6 @@
+## 添加npm账号
+npm adduser --registry  https://registry.npmjs.org/
+
+## 发布npm包
+npm publish  --registry  https://registry.npmjs.org/
+

package/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

package/cypress.json

@@ -0,0 +1,3 @@
+{
+  "pluginsFile": "tests/e2e/plugins/index.js"
+}

package/jest.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  preset: '@vue/cli-plugin-unit-jest/presets/typescript-and-babel'
+}

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "emacroh5lib",
+  "version": "1.0.0",
+  "description": "EMacro前端组件库",
+  "main": "./dist/emacroh5lib.min.js",
+  "types": "./dist/types/index.d.ts",
+  "scripts": {
+    "build": "webpack --mode=production --node-env=production",
+    "build:dev": "webpack --mode=development",
+    "build:prod": "webpack --mode=production --node-env=production",
+    "test:unit": "vue-cli-service test:unit",
+    "test:e2e": "vue-cli-service test:e2e",
+    "watch": "webpack --watch",
+    "serve": "webpack serve",
+    "dev": "webpack serve",
+    "commit": "cz",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "EMacro"
+  ],
+  "author": "wing99.cn",
+  "license": "MIT",
+  "devDependencies": {
+    "@nuxtjs/composition-api": "^0.32.0",
+    "@types/echarts": "^4.9.14",
+    "@types/jest": "^27.4.1",
+    "@types/jquery": "^3.5.14",
+    "@types/mocha": "^9.1.1",
+    "@types/three": "^0.139.0",
+    "@typescript-eslint/eslint-plugin": "^5.20.0",
+    "@typescript-eslint/parser": "^5.20.0",
+    "@vue/cli-plugin-babel": "^5.0.4",
+    "@vue/cli-plugin-e2e-cypress": "^5.0.4",
+    "@vue/cli-plugin-pwa": "^5.0.4",
+    "@vue/cli-plugin-router": "^5.0.4",
+    "@vue/cli-plugin-unit-jest": "^5.0.4",
+    "@vue/cli-plugin-vuex": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "@vue/composition-api": "^1.4.9",
+    "@vue/eslint-config-standard": "^6.1.0",
+    "@vue/eslint-config-typescript": "^8.0.0",
+    "@vue/test-utils": "^1.1.3",
+    "@vue/vue2-jest": "^27.0.0",
+    "@webpack-cli/generators": "^2.4.2",
+    "autoprefixer": "^10.4.5",
+    "babel-jest": "^27.5.1",
+    "commitizen": "^4.2.4",
+    "css-loader": "^6.7.1",
+    "cypress": "^9.5.4",
+    "eslint": "^7.32.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^5.2.0",
+    "eslint-plugin-vue": "^7.0.0",
+    "html-webpack-plugin": "^5.5.0",
+    "jest": "^27.0.5",
+    "less": "^4.1.2",
+    "less-loader": "^10.2.0",
+    "mini-css-extract-plugin": "^2.6.0",
+    "postcss": "^8.4.12",
+    "postcss-loader": "^6.2.1",
+    "prettier": "^2.6.2",
+    "style-loader": "^3.3.1",
+    "ts-jest": "^27.1.4",
+    "ts-loader": "^9.2.8",
+    "typescript": "^4.6.3",
+    "vue-template-compiler": "^2.6.14",
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.8.1"
+  },
+  "dependencies": {
+    "@tweenjs/tween.js": "^18.6.4",
+    "@types/js-cookie": "^3.0.1",
+    "@vue/cli-plugin-typescript": "^5.0.4",
+    "axios": "^0.26.1",
+    "core-js": "^3.22.2",
+    "echarts": "^5.3.2",
+    "echarts-gl": "^2.0.9",
+    "element-ui": "^2.15.8",
+    "jquery": "^3.6.0",
+    "js-cookie": "^3.0.1",
+    "register-service-worker": "^1.7.2",
+    "three": "^0.139.2",
+    "typings": "^2.1.1",
+    "vue": "^2.6.14",
+    "vue-class-component": "^7.2.3",
+    "vue-echarts": "^6.0.2",
+    "vue-property-decorator": "^9.1.2",
+    "vue-router": "^3.5.1",
+    "vuex": "^3.6.2"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  // Add you postcss configuration here
+  // Learn more about it at https://github.com/webpack-contrib/postcss-loader#config-files
+  plugins: [["autoprefixer"]],
+};

package/public/img/icons/safari-pinned-tab.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00251 14.9297L0 1.07422H6.14651L8.00251 4.27503L9.84583 1.07422H16L8.00251 14.9297Z" fill="black"/>
+</svg>

package/public/index.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="">
+
+<head>
+  <meta charset="utf-8">  
+  <link rel="icon" href="data:image/ico;base64,aWNv">
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta name="format-detection" content="telephone=no" />
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <link rel="apple-touch-icon-precomposed" href="iphone_milanoo.png" />
+  <meta name="apple-touch-fullscreen" content="yes">
+  <link rel="dns-prefetch" href="//mc.meituan.net">
+  <link rel="dns-prefetch" href="//p1.meituan.net">
+  <title><%= webpackConfig.name %></title>
+
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+    }
+
+    html,
+    body {
+      margin: 0;
+      padding: 0;
+      font-size: 12px;
+      width: 100%;
+      height: 100%; 
+      font-family: 'Poppins', sans-serif;
+      background: transparent;
+      overflow: hidden;
+    }
+
+    #app {
+      margin: 0;
+      padding: 0;
+      height: 100%;
+      width: 100%;
+    }
+  </style>
+
+</head>
+
+<body>
+  <noscript>
+    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
+        Please enable it to continue.</strong>
+  </noscript>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+</body>
+
+</html>

package/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

package/src/App.vue

@@ -0,0 +1,19 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<style lang="less">
+#app {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  margin: 0;
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+</style>

package/src/components/HelloWorld.vue

@@ -0,0 +1,117 @@
+<template>
+  <div class="hello">
+    <h1>{{ msg }}</h1>
+    <p>
+      For a guide and recipes on how to configure / customize this project,<br />
+      check out the
+      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
+    </p>
+    <h3>Installed CLI Plugins</h3>
+    <ul>
+      <li>
+        <a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank"
+          rel="noopener">babel</a>
+      </li>
+      <li>
+        <a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa" target="_blank"
+          rel="noopener">pwa</a>
+      </li>
+      <li>
+        <a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank"
+          rel="noopener">router</a>
+      </li>
+      <li>
+        <a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank"
+          rel="noopener">vuex</a>
+      </li>
+      <li>
+        <a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank"
+          rel="noopener">eslint</a>
+      </li>
+      <li>
+        <a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-unit-jest" target="_blank"
+          rel="noopener">unit-jest</a>
+      </li>
+      <li>
+        <a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-e2e-cypress" target="_blank"
+          rel="noopener">e2e-cypress</a>
+      </li>
+      <li>
+        <a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-typescript" target="_blank"
+          rel="noopener">typescript</a>
+      </li>
+    </ul>
+    <h3>Essential Links</h3>
+    <ul>
+      <li>
+        <a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
+      </li>
+      <li>
+        <a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a>
+      </li>
+      <li>
+        <a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a>
+      </li>
+      <li>
+        <a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a>
+      </li>
+      <li>
+        <a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
+      </li>
+    </ul>
+    <h3>Ecosystem</h3>
+    <ul>
+      <li>
+        <a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a>
+      </li>
+      <li>
+        <a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
+      </li>
+      <li>
+        <a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a>
+      </li>
+      <li>
+        <a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a>
+      </li>
+      <li>
+        <a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script lang="ts">
+  import { Component, Prop, Vue } from "vue-property-decorator";
+
+  @Component
+  export default class HelloWorld extends Vue {
+    @Prop() private msg!: string; 
+
+    public test():void{
+
+      console.log(this.msg);
+
+    }
+  }
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped lang="less">
+  h3 {
+    margin: 40px 0 0;
+  }
+
+  ul {
+    list-style-type: none;
+    padding: 0;
+  }
+
+  li {
+    display: inline-block;
+    margin: 0 10px;
+  }
+
+  a {
+    color: #42b983;
+  }
+</style>

package/src/index.ts

@@ -0,0 +1,21 @@
+
+
+class Test {
+
+  public static print(info: string): void {
+    console.log(info);
+
+    console.log('测试npm');
+
+    const arr = [1, 2]
+    console.log(arr[5]);
+
+    console.log('测试npm22');
+    console.log('测试npm33333');
+
+  }
+
+}
+
+export default Test;
+export { }

package/src/main.ts

@@ -0,0 +1,19 @@
+import Vue from 'vue'
+import App from './App.vue'
+import './registerServiceWorker'
+import router from './router'
+import store from './store'
+
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+
+Vue.use(ElementUI);
+
+Vue.config.productionTip = false
+
+
+new Vue({
+  router,
+  store,
+  render: h => h(App)
+}).$mount('#app')

package/src/registerServiceWorker.ts

@@ -0,0 +1,32 @@
+/* eslint-disable no-console */
+
+import { register } from 'register-service-worker'
+
+if (process.env.NODE_ENV === 'production') {
+  register(`${process.env.BASE_URL}service-worker.js`, {
+    ready () {
+      console.log(
+        'App is being served from cache by a service worker.\n' +
+        'For more details, visit https://goo.gl/AFskqB'
+      )
+    },
+    registered () {
+      console.log('Service worker has been registered.')
+    },
+    cached () {
+      console.log('Content has been cached for offline use.')
+    },
+    updatefound () {
+      console.log('New content is downloading.')
+    },
+    updated () {
+      console.log('New content is available; please refresh.')
+    },
+    offline () {
+      console.log('No internet connection found. App is running in offline mode.')
+    },
+    error (error) {
+      console.error('Error during service worker registration:', error)
+    }
+  })
+}

package/src/router/index.ts

@@ -0,0 +1,29 @@
+import Vue from 'vue'
+import VueRouter, { RouteConfig } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+Vue.use(VueRouter)
+
+const routes: Array<RouteConfig> = [
+  {
+    path: '/',
+    name: 'home',
+    component: HomeView
+  },
+  {
+    path: '/about',
+    name: 'about',
+    // route level code-splitting
+    // this generates a separate chunk (about.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
+  }
+]
+
+const router = new VueRouter({
+  mode: 'history',
+  base: process.env.BASE_URL,
+  routes
+})
+
+export default router

package/src/shims-tsx.d.ts

@@ -0,0 +1,11 @@
+import Vue, { VNode } from 'vue'
+
+declare global {
+  namespace JSX {
+    interface Element extends VNode {}
+    interface ElementClass extends Vue {}
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+  }
+}

package/src/shims-vue.d.ts

@@ -0,0 +1,7 @@
+declare module '*.vue' {
+  import Vue from 'vue'
+  export default Vue
+}
+
+// declare module '@/utils/request.js'
+// declare module '@/utils/request.js'

package/src/store/index.ts

@@ -0,0 +1,17 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state: {
+  },
+  getters: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+  }
+})

package/src/utilities/File.ts

@@ -0,0 +1,22 @@
+
+
+const selectFile = (_options: any = { multiple: true }) => {
+    return new Promise((res, rej) => {
+        let options = {
+            accept: "*/*",
+            multiple: true,
+        };
+        if (_options) {
+            options.accept = _options.accept;
+            options.multiple = _options.multiple;
+        }
+        const el = document.createElement("input");
+        el.type = "file";
+        el.accept = options.accept;
+        el.multiple = options.multiple;
+        el.addEventListener("change", (_) => {
+            res(el.files);
+        });
+        el.click();
+    });
+}

package/src/views/AboutView.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>

package/src/views/HomeView.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="home">
+    <img alt="Vue logo" src="../assets/logo.png" />
+    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
+  </div>
+</template>
+
+<script lang="ts">
+  import { Component, Vue } from "vue-property-decorator";
+  import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src
+  import axios from "axios";
+  import $ from 'jquery'
+
+  @Component({
+    components: {
+      HelloWorld,
+    },
+    mounted() {
+      // console.log("测试", axios.post);
+      console.log("测试2", $);
+
+      axios.get("http://localhost:9528/").then((res: any) => {
+        console.log(res);
+      });
+
+      const arr = [1, 2]
+      console.log(arr[5]);
+
+    },
+  })
+  export default class HomeView extends Vue { }
+</script>

package/tests/e2e/.eslintrc.js

@@ -0,0 +1,12 @@
+module.exports = {
+  plugins: [
+    'cypress'
+  ],
+  env: {
+    mocha: true,
+    'cypress/globals': true
+  },
+  rules: {
+    strict: 'off'
+  }
+}

package/tests/e2e/plugins/index.js

@@ -0,0 +1,25 @@
+/* eslint-disable arrow-body-style */
+// https://docs.cypress.io/guides/guides/plugins-guide.html
+
+// if you need a custom webpack configuration you can uncomment the following import
+// and then use the `file:preprocessor` event
+// as explained in the cypress docs
+// https://docs.cypress.io/api/plugins/preprocessors-api.html#Examples
+
+// /* eslint-disable import/no-extraneous-dependencies, global-require */
+// const webpack = require('@cypress/webpack-preprocessor')
+
+module.exports = (on, config) => {
+  // on('file:preprocessor', webpack({
+  //  webpackOptions: require('@vue/cli-service/webpack.config'),
+  //  watchOptions: {}
+  // }))
+
+  return Object.assign({}, config, {
+    fixturesFolder: 'tests/e2e/fixtures',
+    integrationFolder: 'tests/e2e/specs',
+    screenshotsFolder: 'tests/e2e/screenshots',
+    videosFolder: 'tests/e2e/videos',
+    supportFile: 'tests/e2e/support/index.js'
+  })
+}

package/tests/e2e/specs/test.js

@@ -0,0 +1,8 @@
+// https://docs.cypress.io/api/table-of-contents
+
+describe('My First Test', () => {
+  it('Visits the app root url', () => {
+    cy.visit('/')
+    cy.contains('h1', 'Welcome to Your Vue.js + TypeScript App')
+  })
+})

package/tests/e2e/support/commands.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add("login", (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This is will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })

package/tests/e2e/support/index.js

@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

package/tests/unit/example.spec.ts

@@ -0,0 +1,28 @@
+import { shallowMount } from '@vue/test-utils'
+import HelloWorld from '@/components/HelloWorld.vue'
+import Vue from 'vue'
+
+describe('HelloWorld.vue', () => {
+  it('renders props.msg when passed', () => {
+    const msg = 'new message'
+    const wrapper = shallowMount(HelloWorld, {
+      propsData: { msg }
+    })
+ 
+    expect(wrapper.text()).toMatch(msg)
+  })
+})
+
+
+describe('HelloWorld.mounted', () => {
+
+  const HelloWorldVue = Vue.extend(HelloWorld);
+  const ListComponent = new HelloWorldVue().$mount();
+ 
+  it('调用方法', () => {
+ 
+    console.info(ListComponent);
+    
+ 
+  })
+})

package/tsconfig.json

@@ -0,0 +1,59 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/", // 打包到的目录
+    "sourceMap": true, // 是否生成sourceMap（用于浏览器调试）
+    "noImplicitAny": false,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "declaration": true, // 是否生成声明文件
+    "declarationDir": "./dist/types/", // 声明文件打包的位置
+    "declarationMap": false, // 是否生成声明文件map文件（便于调试）
+    "moduleResolution": "node",
+    "module": "esnext",
+    "target": "es5", // 转化成的目标语言
+    "baseUrl": "./",
+    "strict": true,
+    "jsx": "preserve", 
+    "experimentalDecorators": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "useDefineForClassFields": true, 
+    "types": [
+      "node",
+      "webpack-env",
+      "jest",
+      "jquery"
+    ],
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "typeRoots": [
+      "./node_modules/@types"
+    ],
+    "lib": [
+      "dom",
+      "es2015",
+      "esnext",
+      "dom.iterable",
+      "scripthost"
+    ],
+    "allowJs": false
+  },
+  "include": [
+    "src/**/*.ts",
+    "typings.d.ts", 
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "tests/**/*.ts",
+    "tests/**/*.tsx"
+  ], // 要打包的文件
+  "exclude": [
+    "node_modules",
+    "*.test.ts"
+  ]
+}

package/typings.d.ts

@@ -0,0 +1,12 @@
+/*
+ * @Author: ZY
+ * @Date: 2021-12-31 10:56:41
+ * @LastEditors: ZY
+ * @LastEditTime: 2021-12-31 10:57:00
+ * @FilePath: /3d-earth/typings.d.ts
+ * @Description: 文件描述
+ */
+declare module "*.png";
+declare module "*.less";
+declare module "*.svg";
+declare module "*.json";

package/webpack.config.js

@@ -0,0 +1,76 @@
+// Generated using webpack-cli https://github.com/webpack/webpack-cli
+
+const path = require("path");
+// const HtmlWebpackPlugin = require("html-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+
+const isProduction = process.env.NODE_ENV == "production";
+
+const stylesHandler = isProduction
+  ? MiniCssExtractPlugin.loader
+  : "style-loader";
+
+const config = {
+  entry: "./src/index.ts",
+  experiments: {
+    outputModule: true,
+  },
+  output: {
+    filename:'emacroh5lib.min.js',
+    path: path.resolve(__dirname, "dist"),
+    library: {
+      // do not specify a `name` here
+      type: 'module',
+    },
+  },
+  devServer: {
+    open: true,
+    host: "localhost",
+  },
+  plugins: [
+    // new HtmlWebpackPlugin({
+    //   template: "index.html",
+    // }),
+
+    // Add your plugins here
+    // Learn more about plugins from https://webpack.js.org/configuration/plugins/
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.(ts|tsx)$/i,
+        loader: "ts-loader",
+        exclude: ["/node_modules/"],
+      },
+      {
+        test: /\.less$/i,
+        use: [stylesHandler, "css-loader", "postcss-loader", "less-loader"],
+      },
+      {
+        test: /\.css$/i,
+        use: [stylesHandler, "css-loader", "postcss-loader"],
+      },
+      {
+        test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
+        type: "asset/inline"
+      },
+
+      // Add your rules for custom modules here
+      // Learn more about loaders from https://webpack.js.org/loaders/
+    ],
+  },
+  resolve: {
+    extensions: [".tsx", ".ts", ".js"],
+  },
+};
+
+module.exports = () => {
+  if (isProduction) {
+    config.mode = "production";
+
+    config.plugins.push(new MiniCssExtractPlugin());
+  } else {
+    config.mode = "development";
+  }
+  return config;
+};