uni-app ios13系统中js语法??加载不了会出现白屏；请问如何将vue3 cli的es6转es5，vite配置等等的解决方案

针对您提到的uni-app在iOS 13系统中JS语法加载不了导致白屏的问题，以及Vue 3 CLI和Vite项目中将ES6转换为ES5的配置方案，以下是相关的代码和配置示例。

uni-app iOS 13 JS语法加载问题

首先，确保您的uni-app项目使用了兼容iOS 13的JavaScript语法。由于iOS 13的Safari浏览器对ES6的支持可能不完全，您可以通过Babel将ES6代码转换为ES5。

1. 安装Babel相关依赖

   在项目根目录下运行以下命令安装Babel：

   npm install --save-dev [@babel](/user/babel)/core [@babel](/user/babel)/preset-env babel-loader
   

2. 配置Babel

   在项目根目录下创建或修改.babelrc文件，添加以下配置：

   {
     "presets": [
       ["[@babel](/user/babel)/preset-env", {
         "targets": {
           "ios": "13"
         },
         "useBuiltIns": "usage",
         "corejs": 3
       }]
     ]
   }
   

3. 修改webpack配置

   如果您使用的是uni-app的自定义webpack配置，确保在webpack配置文件中添加Babel loader：

   module.exports = {
     module: {
       rules: [
         {
           test: /\.js$/,
           exclude: /node_modules/,
           use: {
             loader: 'babel-loader',
             options: {
               presets: ['[@babel](/user/babel)/preset-env']
             }
           }
         }
       ]
     }
   };
   

Vue 3 CLI将ES6转换为ES5

对于Vue 3 CLI项目，您可以通过修改babel.config.js文件来配置Babel：

1. 创建或修改babel.config.js

   在项目根目录下创建或修改babel.config.js文件，添加以下配置：

   module.exports = {
     presets: [
       ['[@babel](/user/babel)/preset-env', {
         targets: {
           "ie": "11",
           "ios": "13"
         },
         useBuiltIns: 'usage',
         corejs: 3
       }]
     ]
   };
   

Vite配置

对于Vite项目，您可以在vite.config.js中配置Babel插件：

1. 安装必要的依赖

   npm install --save-dev [@vitejs](/user/vitejs)/plugin-vue [@babel](/user/babel)/preset-env vite-plugin-babel
   

2. 修改vite.config.js

   import { defineConfig } from 'vite';
   import vue from '[@vitejs](/user/vitejs)/plugin-vue';
   import babel from 'vite-plugin-babel';
   
   export default defineConfig({
     plugins: [
       vue(),
       babel({
         babelConfig: {
           presets: [
             ['[@babel](/user/babel)/preset-env', {
               targets: {
                 "ie": "11",
                 "ios": "13"
               },
               useBuiltIns: 'usage',
               corejs: 3
             }]
           ]
         }
       })
     ]
   });
   

通过上述配置，您可以确保您的uni-app、Vue 3 CLI和Vite项目中的ES6代码被转换为ES5，从而兼容iOS 13等老旧浏览器。