build: { target: "es2015" } }) 通过指定打包后的目标版本就行了,vite会将新的语法通过esbuild进行转换,此时我们在支持esm的浏览器上访问时正常的。(注意只有打包后的代码才会有效) 这里我特意大写了支持ESM的浏览器是有用意的,我们看下打包后的index.html文件。 可以看到script标签上使用了type="module"属性,...
yarn add vite-plugin-babel @babel/core -D vite.js importbabelfrom'vite-plugin-babel';exportdefaultdefineConfig({plugins:[babel(),vue(),// 其他插件...],build:{target:'es2015'// 其他}})
vite 的build.target[10] 配置项可以配置希望兼容的浏览器版本或者 ES 版本,cssTarget[11] 可以对 CSS 的压缩设置一个 target ,该配置应针对非主流浏览器使用。例如,安卓微信中的 webview,并不支持 CSS 中的十六进制颜色符号, 此时将 build.cssTarget 设置为 chrome61 ,可以防止 vite 将 rgba 颜色转化为 #RG...
在vite.config.ts文件中修改默认构建配置,修改为build: {target: 'es2015'} export default defineConfig({plugins: [uni(), commonjs()], build:{target:'es2015'}}); 再重新打包,这样就可以运行在支持es2015的浏览器上了 es2015支持的浏览器版本: 桌面端浏览器对ES2015的支持情况 Chrome:51 版起便可以...
},server: {port:8080,proxy: {'/api': {target:'https://stoku.test.shopee.co.id/',changeOrigin:true,cookieDomainRewrite: {'stoku.test.shopee.co.id':'localhost', }, }, }, },build: {target:'es2015',minify:'terser',manifest:false,sourcemap:false,outDir:'build',rollupOptions: {}, ...
build: {// target: 'es2015',terserOptions: { compress: { drop_console: true, drop_debugger: true } }, sourcemap: false, // 是否开启sourcemap rollupOptions: {// 文件超出500koutput: {manualChunks(id) { if (id.includes('node_modules')) { ...
target: 'es2015', minify: 'esbuild', cssTarget: 'chrome80', chunkSizeWarningLimit: 2000, lib: { entry: path.resolve(__dirname, './src/package/index.js'), //指定组件编译入口文件 name: 'hb-vue3-ui', fileName: 'hb-vue3-ui' ...
{build:{target:"es2015",lib:{entry:{v1:path.join('./src/v1'),v2:path.join('./src/v2'),},formats:['es','cjs'],fileName(format,entryName,...rest){return`index.${format}.${entryName}.${format==='es'?'js':'mjs'}`;}},outDir:"lib",},plugins:[dts({outDir:'types'})...
build: { // 设置最终构建的浏览器兼容目标 target:'es2015', // 构建后是否生成 source map 文件 sourcemap:false, // chunk 大小警告的限制(以 kbs 为单位) chunkSizeWarningLimit:2000, // 启用/禁用 gzip 压缩大小报告 reportCompressedSize:false, ...
vite打包报错:ERROR: Top-level await is not available in the configured target environment ("es2015" + 2 overrides) 在开发时,vita打包报错如下: 原因: ECMAScript 提案 Top-level await 由 Myles Borins 提出,它可以让你在模块的最高层中使用 await 操作符。在这之前,你只能通过在 async 函数或 async...