vue3 vite 手机打包程序有问题

向下兼容 es5

https://github.com/vitejs/vite/tree/main/packages/plugin-legacy

es6兼容性标签script type=“module“的特性

打包使用相对路径

https://blog.csdn.net/weixin_39992957/article/details/111135243
https://blog.csdn.net/qq_42306443/article/details/101111400
https://blog.51cto.com/u_15328720/3412539
https://blog.51cto.com/u_15328720/3412539

vue3 用是 hello例子还是项目代码？

我总结一下：

vue2 改了1个问题（相对路径）以后， html 可见,js 可执行

vue3 改了相对路径和向下兼容以后，html 可见,js 不可执行

==========

vite 官方

https://cn.vitejs.dev/config/#build-dynamicimportvarsoptions

降级

https://www.npmjs.com/package/@vitejs/plugin-legacy

1	yarn add @vitejs/plugin-legancy -D

// vite.config.js
import legacy from '@vitejs/plugin-legacy'

export default {
  plugins: [
    legacy({
      targets: ['ie >= 11'],
      additionalLegacyPolyfills: ['regenerator-runtime/runtime']
    })
  ]
}

css #rgba 问题

// vite.config.js
{
    build: {
        cssTarget: chrome61  // 值为chromeN...
    }
}