Merge pull request #95 from ruleeeer/fix_minify_systemjs

fix vite:minify federation error and add vite systemjs e2e test project

Author: ygj6

packages/examples/react-in-vue/home/vite.config.ts

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 import reactRefresh from '@vitejs/plugin-react-refresh'
-import federation from "@originjs/vite-plugin-federation";
+import federation from '@originjs/vite-plugin-federation'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -10,12 +10,12 @@ export default defineConfig({
       name: 'home',
       filename: 'remoteEntry.js',
       exposes: {
-        "./Button": "./src/Button.jsx",
+        './Button': './src/Button.jsx'
       }
     })
   ],
   build: {
-    target:'es2020',
+    target: 'esnext',
     minify: false,
     cssCodeSplit: false
   }

packages/examples/react-in-vue/layout/vite.config.ts

@@ -1,25 +1,25 @@
-import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
-import federation from "@originjs/vite-plugin-federation";
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import federation from '@originjs/vite-plugin-federation'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  resolve:{
-    alias:{
-      vue : 'vue/dist/vue.esm-bundler.js'
+  resolve: {
+    alias: {
+      vue: 'vue/dist/vue.esm-bundler.js'
     }
   },
   plugins: [
     vue(),
     federation({
-      name: "layout",
-      filename: "remoteEntry.js",
+      name: 'layout',
+      filename: 'remoteEntry.js',
       remotes: {
-        home: "http://localhost:5001/remoteEntry.js",
+        home: 'http://localhost:5001/assets/remoteEntry.js'
       }
     })
   ],
   build: {
     minify: true
   }
-});
+})

packages/examples/vue2-demo/host-simple/vite.config.js

@@ -10,12 +10,12 @@ export default defineConfig({
       name: 'remote-simple',
       filename: 'remoteEntry.js',
       remotes: {
-        'remote-simple': 'http://localhost:5001/remoteEntry.js'
+        'remote-simple': 'http://localhost:5001/assets/remoteEntry.js'
       },
       shared: ['vue']
     })
   ],
-  server: {force: true},
+  server: { force: true },
   build: {
     target: 'es2020',
     minify: false,

packages/examples/vue2-demo/remote-simple/vite.config.js

@@ -11,7 +11,7 @@ export default defineConfig({
       filename: 'remoteEntry.js',
       exposes: {
         './remote-simple-button': './src/components/Button.vue',
-        './remote-simple-section': './src/components/Section.vue',
+        './remote-simple-section': './src/components/Section.vue'
       },
       shared: ['vue']
     })

packages/examples/vue3-demo/README.md renamed to packages/examples/vue3-demo-esm/README.md

@@ -1,5 +1,5 @@
 {
-  "name": "@vue3-demo/common-lib",
+  "name": "@vue3-demo/common-lib-esm",
   "private": true,
   "version": "1.0.0",
   "scripts": {
@@ -16,4 +16,4 @@
     "@vue/compiler-sfc": "^3.1.5",
     "vite": "^2.5.0"
   }
-}
+}