搜索结果
查询Tags标签： vite，共有 54条记录-
使用vite搭建vue3项目(三)
配置国际化安装vue-i18nnpm install vue-i18n@next 在src目录下建立locales文件夹，并在文件下面创建zh.ts、en.ts文件（中文、英文），本文只做中英文切换作为案例，后续可加更多版本. zh.tsexport default {message: {Home: 首页,About: 关于} }en.tsexport default {m…
2021/12/8 6:16:52 人评论 次浏览 -
使用vite搭建vue3项目(三)
配置国际化安装vue-i18nnpm install vue-i18n@next 在src目录下建立locales文件夹，并在文件下面创建zh.ts、en.ts文件（中文、英文），本文只做中英文切换作为案例，后续可加更多版本. zh.tsexport default {message: {Home: 首页,About: 关于} }en.tsexport default {m…
2021/12/8 6:16:52 人评论 次浏览 -
Vite中使用flexable和postcss-pxtorem进行移动端适配
如果使用Vue进行移动端页面的开发，需要对不同机型的宽高进行适配。最常用的方法是使用amfe-flexable和postcss-pxtorem这两个插件来帮助进行适配。 amfe-flexable amfe-flexable是阿里发布的一套可伸缩适配方案。它能根据设备的宽高来设置页面body元素的字体大小，将1rem…
2021/11/15 23:14:42 人评论 次浏览 -
Vite中使用flexable和postcss-pxtorem进行移动端适配
如果使用Vue进行移动端页面的开发，需要对不同机型的宽高进行适配。最常用的方法是使用amfe-flexable和postcss-pxtorem这两个插件来帮助进行适配。 amfe-flexable amfe-flexable是阿里发布的一套可伸缩适配方案。它能根据设备的宽高来设置页面body元素的字体大小，将1rem…
2021/11/15 23:14:42 人评论 次浏览 -
vite概念和设计思想
vite概念和设计思想esm和webpack的对比 在html以module(esm)的方式引入js模块在html项目中引入第三方lodash-es库，yarn add lodash-es，然后使用： （如何找到入口文件：node_modules/库名/package.json的main字段就是入口文件） 引入lodash.js的时候把其他模块引入了，…
2021/11/3 23:41:12 人评论 次浏览 -
vite概念和设计思想
vite概念和设计思想esm和webpack的对比 在html以module(esm)的方式引入js模块在html项目中引入第三方lodash-es库，yarn add lodash-es，然后使用： （如何找到入口文件：node_modules/库名/package.json的main字段就是入口文件） 引入lodash.js的时候把其他模块引入了，…
2021/11/3 23:41:12 人评论 次浏览 -
关于vite build后访问报错：Expected a JavaScript module script but the server responded with a MIME type.
问题描述:vite 项目 build 部署后在浏览器中访问出现以下报错：Expected a JavaScript module script but the server responded with a MIME type of "text/html" Strict MIME type checking is enforced for module scripts per HTML spec. 解决方案: 上述问题…
2021/11/1 17:13:35 人评论 次浏览 -
关于vite build后访问报错：Expected a JavaScript module script but the server responded with a MIME type.
问题描述:vite 项目 build 部署后在浏览器中访问出现以下报错：Expected a JavaScript module script but the server responded with a MIME type of "text/html" Strict MIME type checking is enforced for module scripts per HTML spec. 解决方案: 上述问题…
2021/11/1 17:13:35 人评论 次浏览 -
Vite插件开发纪实：vite-plugin-monitor（上）
背景 最近在webpack项目里接入了Vite（dev mode），为开发提效。效果是真的猛。 项目启动速度提升70%-80%，HMR直接碾压webpack dev server 为了更加精准的计算收益，就需要将Vite启动相关的指标进行上报（启动时间，HMR，页面加载等等时间） 为此就要通过开发插件收集这些…
2021/9/29 23:40:57 人评论 次浏览 -
Vite插件开发纪实：vite-plugin-monitor（上）
背景 最近在webpack项目里接入了Vite（dev mode），为开发提效。效果是真的猛。 项目启动速度提升70%-80%，HMR直接碾压webpack dev server 为了更加精准的计算收益，就需要将Vite启动相关的指标进行上报（启动时间，HMR，页面加载等等时间） 为此就要通过开发插件收集这些…
2021/9/29 23:40:57 人评论 次浏览 -
vite 开发 Cesium 程序最佳配置实践
博客园 @四季留歌目录安装依赖安装 vite 插件配置 cdn插件 vite-plugin-html-config插件 vite-plugin-compression插件 vite-plugin-externals细说 Cesium CDN 部署的一个问题CESIUM_BASE_URL推荐改进缺点：必须安装 cesium 依赖和几个 vite 插件，起项目时略微麻烦，部署…
2021/8/18 17:36:18 人评论 次浏览 -
vite 开发 Cesium 程序最佳配置实践
博客园 @四季留歌目录安装依赖安装 vite 插件配置 cdn插件 vite-plugin-html-config插件 vite-plugin-compression插件 vite-plugin-externals细说 Cesium CDN 部署的一个问题CESIUM_BASE_URL推荐改进缺点：必须安装 cesium 依赖和几个 vite 插件，起项目时略微麻烦，部署…
2021/8/18 17:36:18 人评论 次浏览 -
vue3+ts+vite配置@别名报错
resolve: {alias: {"@": path.resolve(__dirname, "src")}},如上在vite.config.ts 配置了src别名为@。 且通过 import router from "@/router" 能正常访问页面。 但是！ vscode中报错了，如图 反复检查了很多次，找不到问题。。—————…
2021/6/12 18:23:35 人评论 次浏览 -
Vite 异步 Chunk 加载优化
在实际项目中，Rollup 通常会生成 “共用” chunk —— 被两个或以上的其他 chunk 共享的 chunk。与动态导入相结合，会很容易出现下面这种场景：在无优化的情境下，当异步 chunk A 被导入时，浏览器将必须请求和解析 A，然后它才能弄清楚它首先需要那个共用 chunk C。这会…
2021/5/25 10:29:27 人评论 次浏览 -
京东 Vue3 组件库闪亮登场
京东零售开源项目 NutUI 是一套京东风格的轻量级移动端 Vue 组件库，是开发和服务于移动 Web 界面的企业级产品。经过长时间的开发与打磨，NutUI 3.0 终于要和大家见面了！3.0 版本在技术和视觉方面都做出了较大改进，让组件看起来更绚丽，用起来更舒服。源码抢先看：http…
2021/3/3 14:11:43 人评论 次浏览
