unplugin

uniapp安装自动导入插件

在日常编写中发现不断的使用import太麻烦,每次使用组件都需要导入,应该如何解决呢可以通过unplugin-auto-import插件来完成主要功能自动导入Vue组件:例如ref,reactive,computed
小汤猿人类·2024-09-08 20:27

个人建站前端篇（五）插件unplugin-vue-components的使用

unplugin-vue-components是由Vue官方人员开发的一款自动引入插件，可以省去比如UI库的大量import语句。
niech_cn·2024-09-07 09:22

vite开发环境跳转页面卡住，加载慢，ant-design-vue 按需导入的新组件导致页面加载慢

环境vite:2.9.9unplugin-vue-components:0.19.6参考issues:使用按需引入时，首次启动服务会依赖预构建style#361vite-plugin-ifdef(在vite
·2024-03-02 17:58

vue3项目配置按需自动导入API组件unplugin-auto-import

场景应用：避免写一大堆的import，比如关于Vue和VueRouter的1、安装unplugin-auto-importnpmi-Dunplugin-auto-import2、配置vite.configimportAutoImportfrom'unplugin-auto-import
菜鸟茜·2024-02-20 18:45

Vite按需引入自定义组件unplugin-vue-components

1.安装插件npmiunplugin-vue-components-D2.vite.config.ts文件加如下代码plugins:[vue({reactivityTransform:true}),Components({extensions:['vue','md'],include:[/\.vue$/,/\.vue\?vue/,/\.md$/],dts:'src/components.d.ts'
前端~·2024-02-20 18:42

vue3项目配置按需自动引入自定义组件unplugin-vue-components

接下来就进入我们的主角unplugin-vue-components，这就是前端大神AnthonyFu写的的非常好用的插件，其实已经被vite官方收录了1、安装unplugin-vue-componentsnpmiunplu
菜鸟茜·2024-02-20 18:39

unplugin-vue-components解决命名冲突

我们在vue项目中通常会利用unplugin-vue-components插件进行自定义组件的自动引入注：如果不知道怎么配置unplugin-vue-components插件，欢迎看我整理的这篇：vue3
菜鸟茜·2024-02-20 06:21

vue3.2+TypeScript+Pinia学习笔记（最新版！！！）

学习文章目录一、vue31.组合式API2.setup函数3.reactive函数4.ref函数5.reactive与ref的选择6.setup语法糖6.1.vue3+vite自动导入ref等组合式API插件`unplugin-auto-import
阿吧阿巴阿巴·2024-02-19 19:43

Vue3 项目中按需引入 Element Plus 后使用组件时样式丢失

3解决方法安装unplugin-element-plusnpmiunplugin-element-plus-D在vue.config.js中引入并配置//vue.conf
Vesuvius688·2024-01-31 20:00

element-plus和vue3+vue/cli按需导入-自动导入

vuecli配置的是vue.config.js)步骤0.前提条件，你项目得先安装element-plusnpminstallelement-plus--save1.官网推荐，安装自动导入插件首先你需要安装unplugin-vue-components
xuxiaoyu21·2024-01-28 05:01

Vue如何按需引入element-plus

（我们项目是通过vue-cli方式创建的）1.安装插件首先你需要安装unplugin-vue-components和unplugin-auto-import这两款插件官方文档npminstall-Dunplugin-vue-componentsunplugin-auto-import
Wmenghu·2024-01-28 05:01

Vue3 引入Element-Plus组件库vue-cli按需自动引入+引入ElementPlus的Icon图标

.使用包管理器（如NPM、Yarn）安装ElementPlus#NPM$npminstallelement-plus--save#Yarn$yarnaddelement-plus2.首先要安装两款插件unplugin-vue-components
鱼干～·2024-01-28 05:01

Vue3 Cli5按需导入ElementPlus

1、安装环境node：16.20.0vue：3.2.36vue/cli：5.0.0element-plus：2.2.25element-plus/icons-vue：2.0.10unplugin-auto-import
小朱小先生·2024-01-28 05:28

vue3 自动引入 ref reactive...

npmiunplugin-auto-import-Dvite.config.jsimport{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';importAutoImportfrom'unplugin-auto-import
zhaojjjjjj163·2024-01-25 07:34

vue3 自动下载使用 iconify图标以及自定义svg图标

开发中经常使用图标，通过unplugin-icons插件我们可以在项目中自动下载所需的图标，但实际开发中我们还需要iconfont以及项目ui切图中的图标，这就需要使用自定义SvgIcon组件。
少十步·2024-01-19 13:05

webpack配置

//vue.config.jsconst{defineConfig}=require('@vue/cli-service')const{VantResolver}=require('unplugin-vue-components
折花_·2024-01-18 20:03

vite环境基础配置

import{defineConfig}from"vite";importAutoImportfrom"unplugin-auto-import/vite";importComponentsfrom"unplugin-vue-components
Gifted_·2024-01-16 06:59

vue3.2引用unplugin-auto-import插入，解放开发中import组件

目录前言引用unplugin-auto-import插件的优缺点优点缺点unplugin-auto-import插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结前言是否添加unplugin-auto-import
Alex_Drag·2024-01-13 00:52

vue3.2引用unplugin-vue-components插入，解放开发中import组件

目录前言引用unplugin-vue-components插件的优缺点优点缺点unplugin-vue-components插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结Q
Alex_Drag·2024-01-13 00:51

vue3常用插件的使用方法：按需引入自定义组件，自动导入依赖包，自动生成路由，自动生成模拟数据

文章目录一、按需引入自定义组件：unplugin-vue-components1.安装[unplugin-vue-components]2.在vite中使用二、自动导入依赖包：unplugin-auto-import1
邹荣乐·2024-01-11 11:50

如何给 unplugin-vue-components/vite 写一个简单的 resolver

大部分工作unplugin-vue-components都已经处理好了,我们只需要接收组件名来判断是否是自己的组件,然后处理对应的导入逻辑。
是阿臻·2024-01-11 07:33

Vue3+TS+Vite 构建自动导入开发环境

关注⬆️⬆️⬆️⬆️专栏后期更新更多前端内容在一个使用Vue3、Vite和TypeScript的项目中，配置unplugin-auto-import和unplugin-vue-components插件可以极大地提高开发效率
程序员海军·2024-01-09 20:30

vue3,配置scss文件自动导入

url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//elementuiplus配置importAutoImportfrom'unplugin-auto-import
越来越好的月·2024-01-09 03:05

开发uniapp使用Vue3组合式API版本，如何实现从vue模块中自动导入

在常规开发uniappVue3的项目时，需要用到ref、computed等需要每次都手动import导入，使用unplugin-auto-import插件就可以免去每次导入的步骤了，在使用插件前的示例代码如下
咸虾米_·2024-01-06 21:15

vue3如何用了按需引入组件如何修改ant的主题颜色

前言：按照网上修改主题颜色的方法一直都不生效后来发现是引入了按需加载组件unplugin-auto-import按照一下修改方式生效了exportdefaultdefineConfig({plugins
jojo是只猫·2024-01-04 13:31

Invalid options in vue.config.js: “plugins“ is not allowed

解决方案：constAutoImport=require('unplugin-auto-import/webpack')constComponents=require('unplugin-vue-components
hongc93·2024-01-04 06:46

Vue3语法

setup一：解决引入问题，引用插件实现自动引入下载依赖：npmiunplugin-auto-import-D在vite.config.js中进行配置importAutoImportfrom'unplugin-auto-import
林几许·2023-12-24 15:24

Vite按需引入自定义组件unplugin-vue-components

Vite按需引入自定义组件unplugin-vue-components1.安装unplugin-vue-componentsyarninstallunplugin-vue-components2.在vite
JumpChen·2023-12-24 00:45

vue3按需自动导入组件unplugin-auto-import，vue/cli版本

vue3按需自动导入组件，vue/cli版本1.安装两个插件在package.json的devDependencies,然后npminstall"unplugin-auto-import":"^0.11.2
ProfessorYang_mc·2023-12-22 03:30

unplugin-auto-import/vite、unplugin-vue-components/vite实现自动引入本地组件、js脚本依赖

PS:网上找到一堆基本都是只有elment-plus的自动引入,于是自己上官网查:unplugin-vue-components-npmunplugin-auto-import-npm以下配置请结合官网和自己的项目食用以下是我自己项目中的
软件园的肖邦·2023-12-22 03:00

模块自动导入工具 unplugin-auto-import

今天介绍一款开发时能自动导入模块的工具，他就是unplugin-auto-import。以Vue2为例。
xiao靌·2023-12-22 03:57

理解按需自动导入 unplugin-auto-import & unplugin-vue-components

文章目录unplugin-auto-import基础使用构建工具引入插件配置插件import：配置自动导入规则使用预设自动引入第三方库自动导入TypeScript类型vue预设的自动导入配置dts：让编辑器环境识别
卡列尼娜翠花·2023-12-22 03:55

自动导入组件unplugin-auto-import和unplugin-vue-components

为了简化这个过程，我们可以使用unplugin-auto-import和unplugin-vue-components插件。
俊刚、·2023-12-21 12:38

uni-app5+app打包,vue3开发vite.config.js的配置

'@vitejs/plugin-vue'import{resolve}from'path'/*一个按需自动导入Vue/VueRouter等官方Api的插件*/importAutoImportfrom'unplugin-auto-import
Stacey-TL·2023-12-20 13:50

vue3项目，按需引入Element-plus ElMessage 样式丢失

vite.config.js配置如下：import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//按需引入importAutoImportfrom'unplugin-auto-impor
骆骆爱学习·2023-12-20 01:23

vue3集成Element Plus

2.1安装插件首先需要安装unplugin-vue-compon
小白喝雪碧·2023-12-19 22:09

vite+vue3+ts项目，使用语法糖unplugin-auto-import插件的步骤

1.安装插件npminstallunplugin-auto-import@vitejs/plugin-vue-D2.vite.config.ts中引入插件importAutoImportfrom"unplugin-auto-import
南方姑娘-qing·2023-12-17 10:50

vue封装组件发布到npm,支持unplugin-vue-components按需引入

目的：vue封装组件发布到npm,支持unplugin-vue-components按需引入vue组件giteeplugin-vue-components工具类giteeplugin-validatetaro
江渚清沨·2023-12-04 18:10

element-plus的自动导入和按需导入

我的项目是使用vite进行构建的，根据官网的文档，利用unplugin-vue-components插件进行自动按需导入。当我们使用element的标签时，无需再使用import对组件进行导入。
acgCode·2023-12-04 00:12

Vue3 配置自动导入的步骤

二：unplugin-auto-import1、安装在项目根目录下打开powershell，使用以下指令安装依赖。npmi-Dunplugin-auto-import出现以下情况则是安装成功2、导入我
暴怒的代码·2023-12-03 16:12

vue3+vite 按需自动引入element plus报错(按照官方方法配置失败:Failed to resolve import “element-plus“)

参考文章：https://www.cnblogs.com/cokolxvd/p/15661086.html按需自动引入elementUI首先需要插件unplugin-vue-components和unplugin-auto-importnpmiunplugin-vue-componentsunplugin-auto-import
苏米素·2023-12-02 17:21

Vue 官方周报 #121 - 自动导入组件

我将向您展示如何在Vue3中使用unplugin-vue-components实现此功能。
南城FE·2023-11-28 03:37

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第五章 组件库安装和使用(Element-Plus基础配置)

系列文章目录（点击查看）文章目录系列文章目录（点击查看）前言一、安装二、快速开始三、自动引入1、首先你需要安装`unplugin-vue-components`和`unplugin-auto-import
SmallTeddy·2023-11-24 14:39

vue3 iconify 图标几种使用 并加载本地 svg 图标

iconify图表集下载完整集合pnpmadd@iconify/json-D下载单个图标集格式：@iconify-json/[collection-id]pnpmadd@iconify-json/mdi-D与unplugin-i
潇、然·2023-11-22 20:55

vue Element Plus组件自动引入

npminstallelement-plus--save#Yarn$yarnaddelement-plus#pnpm$pnpminstallelement-plus2、组件按需引入配置Vant按需引入---安装：unplugin-vue-components
无盐海·2023-11-21 06:34

Vant4 List列表组件：资源中有项目合集案列

Vue项目：List组件的引入如果项目没有使用自动按需导入插件unplugin-vue-components则需要我们手动添加组件导入//1.引入你需要的组件://因为我们上面List组件中用到了Cell
无盐海·2023-11-21 06:04

vue3+vite中再也不用单独页面引入vue了，神器：unplugin-vue-components/vite

前言：你是否还在为vue3项目中每个组件都需要单独引入vue而烦恼着，实际vite有一个插件能很好的解决这个问题，那就是unplugin-auto-import/vite使用步骤：1、安装npm/cnpm
浩星·2023-11-19 00:46

vite+vue3+typesScript集成element-plus

文章目录前言一、集成element-plus，按需自动导入组件二、集成element-plus图标，按需自动导入组件三、使用unplugin-icons，添加自定义图标总结前言上一章我们学习了如何创建vite
时空留痕·2023-11-17 14:08

vue和react项目中实现 px 转 vm

npmipostcss-px-to-viewport2、vue项目配置const{defineConfig}=require('@vue/cli-service');constAutoImport=require('unplugin-auto-import
Bunny0212·2023-11-17 03:06

Vant 移动端UI

Vue项目中安装Vant#Vue3项目，安装最新版Vantnpmivant组件按需引入配置vant按需引入---安装“unplugin-vue-components”插件Vite中使用Vant的话，可以使用
无盐海·2023-11-12 22:10
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他