init

Author: cavencj

.babelrc

@@ -0,0 +1,15 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "modules": false,
+        "targets": {
+          "browsers": ["> 1%", "last 2 versions", "ie >= 10"]
+        }
+      }
+    ],
+    "@vue/cli-plugin-babel/preset"
+  ],
+  "plugins": ["@babel/plugin-transform-runtime"]
+}

.eslintignore

@@ -0,0 +1,6 @@
+/lib/
+/libs/
+/web/
+/pack/
+/dist/
+pages/

.eslintrc.js

@@ -4,15 +4,40 @@ module.exports = {
     node: true,
   },
   extends: [
-    "plugin:vue/essential",
-    "eslint:recommended",
-    "plugin:prettier/recommended",
+    'plugin:vue/essential',
+    'eslint:recommended',
+    'plugin:prettier/recommended',
   ],
   parserOptions: {
-    parser: "@babel/eslint-parser",
+    parser: '@babel/eslint-parser',
   },
   rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+    'global-require': 0,
+    //强制使用单引号
+    quotes: ['error', 'single'],
+    indent: 0,
+    'no-new': 0,
+    camelcase: 0,
+    'padded-blocks': 0,
+    'no-unused-vars': 0,
+    'no-trailing-spaces': 0,
+    'no-mixed-spaces-and-tabs': 0,
+    'space-before-function-paren': [0, 'always'],
+    'no-multiple-empty-lines': 0,
   },
-};
+  globals: {
+    __SERVICE_URL__: false,
+    Vue: false,
+    Vuex: false,
+    VueRouter: false,
+    Fetch: false,
+    Hub: false,
+    echarts: false,
+    axios: false,
+    Cesium: false,
+    DC: false,
+    '%=': false,
+  },
+}

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "eslintIntegration": true,
+  "singleQuote": true,
+  "semi": false
+}

babel.config.js

@@ -8,6 +8,8 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "@dvgis/dc-sdk": "^3.4.0",
+    "@dvgis/dc-sdk-types": "^1.0.0",
     "core-js": "^3.8.3",
     "vue": "^2.6.14"
   },
@@ -17,6 +19,7 @@
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
+    "copy-webpack-plugin": "^12.0.2",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",

package.json

@@ -1,28 +1,42 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png" />
-    <HelloWorld msg="Welcome to Your Vue.js App" />
+    <div id="viewer-container" class="viewer-container"></div>
   </div>
 </template>
 
 <script>
-import HelloWorld from "./components/HelloWorld.vue";
-
 export default {
-  name: "App",
-  components: {
-    HelloWorld,
+  name: 'App',
+  components: {},
+  methods: {
+    initViewer() {
+      new DC.Viewer('viewer-container')
+    },
+  },
+  mounted() {
+    this.$nextTick(() => {
+      DC.ready().then(this.initViewer)
+    })
   },
-};
+}
 </script>
 
 <style>
+* {
+  padding: 0;
+  margin: 0;
+}
+
+html,
+body,
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.viewer-container {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
 }
 </style>

src/App.vue

@@ -1,8 +1,11 @@
-import Vue from "vue";
-import App from "./App.vue";
+import Vue from 'vue'
+import App from './App.vue'
+import * as DC from '@dvgis/dc-sdk'
+import '@dvgis/dc-sdk/dist/dc.min.css'
+Vue.config.productionTip = false
 
-Vue.config.productionTip = false;
+global.DC = DC
 
 new Vue({
   render: (h) => h(App),
-}).$mount("#app");
+}).$mount('#app')

src/components/HelloWorld.vue

@@ -1,4 +1,35 @@
-const { defineConfig } = require("@vue/cli-service");
-module.exports = defineConfig({
-  transpileDependencies: true,
-});
+'use strict'
+const path = require('path')
+
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const dvgisDist = './node_modules/@dvgis'
+
+let resolve = (dir) => {
+  return path.resolve(__dirname, dir)
+}
+
+module.exports = {
+  publicPath: process.env.NODE_ENV === 'production' ? '/dc-vue' : '/',
+  productionSourceMap: false,
+  configureWebpack: {
+    module: {
+      unknownContextCritical: false,
+    },
+    performance: {
+      hints: false,
+    },
+  },
+  chainWebpack: (config) => {
+    config.resolve.extensions.add('.js').add('.cjs').add('.vue').end()
+    config.plugin('copy').use(CopyWebpackPlugin, [
+      {
+        patterns: [
+          {
+            from: path.join(dvgisDist, 'dc-sdk/dist/resources'),
+            to: path.join(__dirname, 'dist', 'libs/dc-sdk/resources'),
+          },
+        ],
+      },
+    ])
+  },
+}