随笔分类 - vite
摘要:创建多页面入口 1.在根目录下创建 demo1.htm1,demo2.htm1这两个文件 2.在vite.config.js文件中配置入口 3.在src下创建文件夹和文件,src/demo1/app.vue和src/demo1/main.js demo1.htm1 <!doctype html> <
阅读全文
摘要:构建打包产物 build: { assetsInlineLimit: 10240, //静态资源(不会包含js,css)不超过10kb 转化为 base64 【不好含css js】 outDir: "distdemo", //如果在一个服务器下,已经有一个dist文件夹(别人的项目)。我们要改变一下
阅读全文
摘要:vite引入图片出现的问题 -不能够页面 <template> <div> <div> <img class="imgsize" sr="../../assets/img/xiaoxiannv.png"/> <p>小仙女</p> </div> </div> </template> 结果图片压根就没有
阅读全文
摘要:Vite 按需引入 Ant Design Vue 3.0 第一步下载: npm i unplugin-vue-components -D 需要注意的是:Vite你可以用 unplugin-vue-components 来进行按需加载。 但是此插件无法处理非组件模块,如 message,这种组件需要手
阅读全文
摘要:1.在项目中安装 $ npm install element-plus --save $ yarn add element-plus $ pnpm install element-plus 2.安装对应的插件 npm install -D unplugin-vue-components unplug
阅读全文
摘要:为什么需要境变量的配置 在很多的时候,我们会遇见这样的问题。 开发环境的接口是:http://test.com/api 但是我们的生产环境地址是:http://yun.com/api 此时,我们打包的时候自动获取生产环境的值,vite为我们提供了这样的方式。 下面我们来看一下怎么操作 境变量的配置
阅读全文
摘要:为什么要使用vite 当我们开始构建越来越大型的应用时, 需要处理的 JavaScript 代码量也呈指数级增长。 包含数千个模块的大型项目相当普遍。 这个时候我们会遇见性能瓶颈 使用 JavaScript 开发的工具通常需要很长时间(甚至是几分钟!)才能启动开发服务器, 文件修改后的效果也需要几秒
阅读全文