chore(engine) build engine with vue.config

ly525
1 parent d1455039
Showing 3 changed files with 67 additions and 19 deletions
back-end/h5-api/views/engine.ejs
front-end/h5/package.json
front-end/h5/vue.config.js
@@ -43,7 +43,7 @@
     // setDocFontSize(320)
   </script>
   <script>window.__work = <%- JSON.stringify(work) %></script>
-  <script src="/engine-assets/engine.js"></script>
+  <script src="/engine-assets/engine.umd.js"></script>
   <style>
     * {
       outline: none;
@@ -6,14 +6,17 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint --fix",
+    "deploy": "rm -rf dist && npm run build && ./deploy.sh",
     "test:e2e": "vue-cli-service test:e2e",
     "test:unit": "vue-cli-service test:unit",
-    "deploy": "rm -rf dist && npm run build && ./deploy.sh"
+    "editor:build": "PAGE=EDITOR vue-cli-service build",
+    "engine:build": "PAGE=ENGINE vue-cli-service build --target lib --name engine ./src/engine-entry.js"
   },
   "dependencies": {
     "animate.css": "^3.7.2",
     "ant-design-vue": "^1.3.14",
     "core-js": "^2.6.5",
+    "cube-ui": "^1.12.31",
     "element-ui": "^2.9.1",
     "font-awesome": "4.7.0",
     "html2canvas": "^1.0.0-rc.3",
@@ -22,6 +25,8 @@
     "qrcode": "^1.4.1",
     "register-service-worker": "^1.6.2",
     "strapi-sdk-javascript": "^0.3.1",
+    "stylus": "^0.54.7",
+    "stylus-loader": "^3.0.2",
     "vue": "^2.6.10",
     "vue-i18n": "^8.14.1",
     "vue-router": "^3.0.3",
@@ -43,6 +48,15 @@
     "eslint-plugin-vue": "^5.0.0",
     "sass": "^1.18.0",
     "sass-loader": "^7.1.0",
+    "stylus": "^0.54.5",
+    "stylus-loader": "^3.0.2",
+    "vue-cli-plugin-cube-ui": "^0.2.5",
     "vue-template-compiler": "^2.6.10"
+  },
+  "transformModules": {
+    "cube-ui": {
+      "transform": "cube-ui/src/modules/${member}",
+      "kebabCase": true
+    }
   }
 }
+const path = require('path')
 const target = 'http://localhost:1337'
+const engineOutputDir = path.join(__dirname, '../../back-end/h5-api/public/engine-assets')
+
+let page
+switch (process.env.PAGE) {
+  case 'ENGINE':
+    page = {
+      entry: 'src/engine-entry.js',
+      outputDir: engineOutputDir
+    }
+    break
+  case 'EDITOR':
+  default:
+    page = {
+      entry: 'src/main.js',
+      template: 'public/index.html',
+      filename: 'index.html',
+      title: 'Index Page',
+      outputDir: 'dist'
+    }
+}
+
+const configureWebpack = {
+  resolve: {
+    alias: {
+      '@': path.join(__dirname, 'src')
+    }
+  }
+}
+
 module.exports = {
-  runtimeCompiler: true,
-  productionSourceMap: false,
+  outputDir: page.outputDir,
+  lintOnSave: process.env.NODE_ENV !== 'production',
+  productionSourceMap: process.env.NODE_ENV !== 'production',
+  pages: { index: page },
   devServer: {
     proxy: {
-      '/works': {
-        target,
-        changeOrigin: true,
-        ws: false
-      },
-      '/upload': {
+      '^/upload|content-manager|users-permissions|works|admin|psd-files|workforms|third-libs|engine-assets/': {
         target,
         changeOrigin: true,
         ws: false
       }
     }
   },
-  pages: {
-    index: {
-      entry: 'src/main.js',
-      template: 'public/index.html',
-      filename: 'index.html',
-      title: 'Index Page'
+  configureWebpack,
+  css: {
+    loaderOptions: {
+      stylus: {
+        'resolve url': true,
+        'import': [
+          // './src/theme'
+        ]
+      }
+    },
+    extract: false
+  },
+  pluginOptions: {
+    'cube-ui': {
+      postCompile: true,
+      theme: true
     }
-    // engine: {
-    //   entry: 'src/engine-entry.js'
-    // }
   }
 }