fix: 修复 viteLegacy 配置问题

WeBankFinTech · Nov 24, 2022 · 5eeb100 · 5eeb100
1 parent f7c497d
commit 5eeb100
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 37 deletions.
diff --git a/packages/fes-builder-vite/src/commands/build/getBuildConfig.js b/packages/fes-builder-vite/src/commands/build/getBuildConfig.js
@@ -37,6 +37,7 @@ export default async (api) => {
                 modernPolyfills: true,
                 renderLegacyChunks: false,
                 targets,
+                ...api.config.viteLegacy,
             }),
             splitVendorChunkPlugin(),
         ],

diff --git a/packages/fes-template-h5/.fes.js b/packages/fes-template-h5/.fes.js
@@ -5,33 +5,39 @@ import { defineBuildConfig } from '@fesjs/fes';
 export default defineBuildConfig({
     proxy: {
         '/v2': {
-            'target': 'https://api.douban.com/',
-            'changeOrigin': true,
-        }
+            target: 'https://api.douban.com/',
+            changeOrigin: true,
+        },
     },
     publicPath: '/',
-    html: {
-        title: '拉夫德鲁'
+    viteOption: {
+        css: {
+            postcss: {
+                plugins: [
+                    pxtoviewport({
+                        unitToConvert: 'px',
+                        viewportWidth: 375,
+                        unitPrecision: 5,
+                        propList: ['*'],
+                        viewportUnit: 'vw',
+                        fontViewportUnit: 'vw',
+                        selectorBlackList: [],
+                        minPixelValue: 1,
+                        mediaQuery: false,
+                        replace: true,
+                        exclude: [],
+                        landscape: false,
+                        landscapeUnit: 'vw',
+                    }),
+                ],
+            },
+        },
+        build: {
+            target: 'es2015',
+        },
+    },
+    targets: {
+        chrome: 61,
+        ios: 11,
     },
-    extraPostCSSPlugins: [
-        pxtoviewport({
-            unitToConvert: 'px',
-            viewportWidth: 375,
-            unitPrecision: 5,
-            propList: ['*'],
-            viewportUnit: 'vw',
-            fontViewportUnit: 'vw',
-            selectorBlackList: [],
-            minPixelValue: 1,
-            mediaQuery: false,
-            replace: true,
-            exclude: [],
-            landscape: false,
-            landscapeUnit: 'vw'
-        })
-    ],
-    devServer: {
-        port: 8000
-    }
 });
-
diff --git a/packages/fes-template-h5/.fes.prod.js b/packages/fes-template-h5/.fes.prod.js
@@ -1,8 +1,3 @@
 // .fes.js 只负责管理编译时配置，只能使用plain Object
 
-
-export default {
-    request: {
-        base: '/api'
-    }
-};
+export default {};
diff --git a/packages/fes-template-h5/package.json b/packages/fes-template-h5/package.json
@@ -39,14 +39,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "devDependencies": {
-    "@ttou/postcss-px-to-viewport": "1.1.4"
-  },
   "dependencies": {
+    "@ttou/postcss-px-to-viewport": "1.1.4",
     "@fesjs/fes": "^3.0.0-rc.0",
     "@fesjs/plugin-icon": "^3.0.0-rc.0",
     "@fesjs/plugin-request": "^3.0.0-rc.0",
-    "@fesjs/builder-webpack": "^3.0.0-rc.0",
+    "@fesjs/builder-vite": "^3.0.0-rc.1",
     "vue": "^3.2.37"
   },
   "private": true

diff --git a/packages/fes-template-h5/src/app.js b/packages/fes-template-h5/src/app.js
@@ -1,7 +1,7 @@
 import { defineRuntimeConfig } from '@fesjs/fes';
 
 export default defineRuntimeConfig({
-    request: {},
+    // request: {},
 });
 
 // export default defineRuntimeConfig({