分类：按需加载

2021
08-06

vue3如何按需加载第三方组件库详解

前言以ElementPlus为例，配置按需加载组件和样式。环境vue3.0.5vite2.3.3安装ElementPlusyarnaddelement-plus#ORnpminstallelement-plus--save完整引入import{createApp}from'vue'importElementPlusfrom'element-plus';import'element-plus/lib/theme-chalk/index.css';importAppfrom'./App.vue';constapp=createApp(App)app.use(ElementPlus)app.mount('#app')可以看出ElementPlus的js和c... 继续阅读 >

2021
03-15

vite2.x实现按需加载ant-design-vue@next组件的方法

1.使用版本vite:2.0ant-design-vue:2.0.0-rc.8vue:3.0.52.安装vite插件yarnaddvite-plugin-style-import-Dornpmivite-plugin-style-import-D插件仓库地址：github3.vite.config.js配置importvuefrom'@vitejs/plugin-vue'importstyleImportfrom'vite-plugin-style-import';/***@type{import('vite').UserConfig}*/exportdefault{plugins:[vue(),styleImport({libs:[{libraryName:'ant-de... 继续阅读 >

2020
11-06

Vant 在vue-cli 4.x中按需加载操作

在vue-cli4.x中使用vant出现的问题,在这里记录一下一.如果使用按需加载,需要下载babel-plugin-import转换一下,下载babel-plugin-importcnpminstallbabel-plugin-import-D**二.在根目录中找到babel.config.js文件,添加字段**"plugins":[["import",{"libraryName":"vant","style":true}]]最终我的配置是这样的module.exports={presets:['@vue/cli-plugin-babel/preset',],"plugins":[["import... 继续阅读 >

2020
10-10

vue-router 按需加载 component: () => import() 报错的解决

vue的单页面（SPA）项目,必然涉及路由按需的问题。以前我们是这么做的//require.ensure是webpack里面的，这样做会将单独拉出来作为一个chunk文件constLogin=r=>require.ensure([],()=>r(require('../component/Login.vue')));但现在vue-router的官网看看，推荐这种方式：//vue异步组件和webpack的【代码分块点】功能结合，实现了按需加载constApp=()=>import('../component/Login.vue');可是，很多情况下，我们这么... 继续阅读 >

2020
09-28

将Vue组件库更换为按需加载的方法步骤

本文介绍了将Vue组件库更换为按需加载的方法步骤，分享给大家，具体如下：按需加载DEMO仓库地址背景我司前端团队拥有一套支撑公司业务系统的UI组件库，经过多次迭代后，组件库体积非常庞大。组件库依赖在npm上管理，组件库以项目根目录的index.js作为出口导出，文件中导入了项目中所有的组件，并提供组件安装方法。index.jsimportButtonfrom"./button";importTablefrom"./table";importMusicPlayerfrom"./musicPlayer";... 继续阅读 >