原来是esbuild默认会把css都压缩下,顺便把color也简化了: since vite 2.5.0,it use esbuild to minify css will cause this issue 终于得到了最好的方案,如下。 5. 解决方案 修改vite.config.ts,设置build.cssTarget为chrome61即可: import { defineConfi...
build: { target: ['modules'],//设置最终构建的浏览器兼容目标polyfillModulePreload:true,//是否自动注入 module preload 的 polyfilloutDir: 'dist',//指定输出路径assetsDir: 'assets',//指定生成静态文件目录assetsInlineLimit: '4096',//小于此阈值的导入或引用资源将内联为 base64 编码cssCodeSplit:true,/...
build.target,设置最终构建的浏览器兼容目标。默认值是一个 Vite 特有的值——'modules',这是指 支持原生 ES 模块的浏览器。 build.polyfillModulePreload,如果设置为 true,此 polyfill 会被自动注入到每个 index.html 入口的 proxy 模块中。 build.outDir,打包后的资源输出输出目录。、 build.assetsDir,,相对于 ...
build: { target: ['modules'],//设置最终构建的浏览器兼容目标polyfillModulePreload:true,//是否自动注入 module preload 的 polyfilloutDir: 'dist',//指定输出路径assetsDir: 'assets',//指定生成静态文件目录assetsInlineLimit: '4096',//小于此阈值的导入或引用资源将内联为 base64 编码cssCodeSplit:true,/...
首先考虑 build.target。vite 使用的默认值 modules 可能过高,可以考虑设置成 es2015,也就是 es6。 其次,vite 底层使用了 esbuild,而 esbuild 不能直接转译代码到 es5 或以下,所以必要时用 @vitejs/plugin-legacy 转译。 下面是一个示例。 // vite.config.ts import uni from '@dcloudio/vite-plugin-uni'...
突然收到业务方发来的反馈: 浏览器一片空白,开控制台输出:Uncaught Syntaxerror: Unexpected token ? 这个是语法错误。二、 如果是用vite来构建:如果是用vite来构建的,根据vite官方文档描述,build.target默认支持 Chrome >=87、Firefox >=78、Safari >=14、Edge >=88 传送,所以需要我们手动兼容低版本 1.首先...
build: { target: "es2015" } }) 官方定义,在没有明确指定插件配置参数targets时,他会去读取项目中的.browserslistrc文件,我们知道这个文件是一个用于配置支持的浏览器范围的文件,通常会被Babel、Autoprefixer等插件使用。 我个人根据es2015的支持版本书写了一下内容: ...
你也可以通过build.target配置项指定构建目标,最低支持es2015。 Chrome >=61 Firefox >=60 Safari >=11 Edge >=16 请注意,默认情况下 Vite 只处理语法转译,并不默认包含任何 polyfill。你可以前往Polyfill.io查看,这是一个基于用户浏览器 User-Agent 字符串自动生成 polyfill 包的服务。
首先修改Vite.config.js·中的build配置, 默认Vite的输出目标target是module,需改为esnext 然后在配置文件中引入@rollup/plugin-html 上图省略部分方法,详情请看本节末尾的Demo实例,代码实现的目的是为了构建html文件作为子应用的入口,构建结果如下所示👇
我们直接来看 build 命令的源码 // buildcli.command('build [root]', 'build for production').option('--target <target>', `[string] transpile target (default: 'modules')`).option('--outDir ', `[string] output directory (default: dist)`).option('-w, --watch', `[boolean] rebuilds...