require.context

Vue中自动批量注册组件

它又一个属性keys()获取所有的文件路径通过文件路径数组，通过遍历数组，再使用importFn根据路径导入组件对象遍历的同时进行全局注册即可//导入library文件夹下的所有组件//批量导入需要使用一个函数require.context
吴晓博·2024-09-03 22:51

vue 批量自动引入并注册组件或路由

js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components里面创建了一个idnex.js文件require.context
yang295242361·2024-09-03 22:19

【Vue3 工程自动化】自动导入多个组件

一、Vue2.X版本：require.context()require.context(dirname,useSubdirectories,RegExp)是一个webpack的api，通过该函数可以获取一个上下文
MagnumHou·2024-08-28 03:17

require.content

useSubdirectories,regExp)directory:要查找的文件路径useSubdirectories:是否查找子目录regExp:要匹配文件的正则Example1.引入目录模块.js文件constmodules=require.context
iWangsd·2024-08-22 23:44

vue-cli 项目中使用 webpack 的 require.context 实现全局引入组件

文章内重点在于require.context的使用具体可查看webpack官网vue-cli工程建的项目components/index.js/***创建一个引入文件上下文*不懂上下文的参考语文对于上下文的理解及
Enginner_XZ·2024-03-09 08:07

vue前端获取项目下的静态资源文件夹中的文件并下载

1.图片前端项目/public/static/image文件夹下，两张图片，因为不会经常改变所以做成静态资源从项目中获取这两张图片//require.context（检索目录、是否检索子文件、正则表达式匹配的
我在学习呢·2024-02-15 01:40

自动导入文件夹下的文件require.context

https://webpack.docschina.org/guides/dependency-management/#requirecontextconstfirst=require.context(
羊驼626·2024-02-10 08:44

Angular karma test.ts里一些标准api用console.log打印出的输出

如果确实想不执行某些单元测试用例，请参考我这篇文章：Angular单元测试如何只执行指定的测试用例，提高测试速度将require.context返回的内容打印出来看看：发现context是一个函数：
JerryWang_汪子熙·2024-02-05 12:18

Vue一次性简洁明了引入所有公共组件

往往会有很多自己定义公用组件,我们通过import导入,components挂载到实例上就行,项目刚开始还好,但是随着项目迭代,组件越来越多,同一个组件不同的方式用需要重复导入挂载,就显得冗余这里是通过require.context
w13707470416·2024-01-23 22:13

vue项目开发技巧(require.context)

require.context主要使用require.context实现前端工程化动他引入文件require.context(directory,useSubdirectories=false,regExp
惗Study溡光_0cdd·2024-01-11 04:00

require.context的作用

1、什么是require.context一个webpack的api，通过该函数可以获取一个上下文，从而实现工程自动化（遍历文件夹的文件，从中获取指定文件，自动导入模块）。
guhy fighting·2024-01-10 13:15

VUE2组件按需引用

constfiles=require.context('../..
左手吻左脸。·2024-01-03 19:39

创建svgIcon组件

图片的目录创建index.js```constrequireAll=requireContext=>requireContext.keys().map(requireContext)constreq=require.context
Aurora_卷·2024-01-03 07:08

JS 如何动态获取本地文件夹中的所有图片

useSubdirectories,regExp)//参数：//directory:说明需要检索的目录//useSubdirectories:是否检索子目录//regExp:匹配文件的正则表达式,一般是文件名//返回值：require.context
仰望天空的人·2023-12-29 12:24

require.context()使用方法及项目实战

require.context你还可以通过require.context()函数来创建自己的context。
Cdlblbq·2023-12-28 08:04

vue自动引入组件

在compoents文件下随便创建js文件利用require.context(文件路径,是否递归,正表达式)importVuefrom"vue"//获取到所有components文件下的index.vue
正函数　·2023-12-27 09:15

vue3使用require.context()，调用keys()返回空数组

vue3使用require.context()，调用keys()返回空数组importSvgIconfrom'@/components/SvgIcon/SvgIcon'constSvgRequire=require.context
聪明的小脑虎·2023-12-27 09:45

Vue中使用require.context自动引入组件的方法介绍

使用require.context可以方便地加载多个模块，并且可以灵活地控制模块的加载顺序和依赖关系。以前我
邹荣乐·2023-12-27 09:39

webpack高级应用篇（十六）：依赖管理

文章目录require.contextcontextmoduleAPI实验require.context业务使用场景require.context你可以通过require.context()函数来创建自己的
__畫戟__·2023-12-26 12:07

vue 动态引入组件、批量引入组件(vue2,vue3)

vue2批量全局引入：importVuefrom"vue"constcomponents=require.context('./',//组件所在目录的相对路径false,//是否查询其子目录/[A-Z]
无心使然云中漫步·2023-12-22 10:42

webpack的 require.context实现前端工程自动化

步骤一.使用require.context实现前端工程自动化步骤二.requireContext.keys().map(requireContext)在批量导入时的作用
jack_rofer·2023-12-15 08:12

vue实现路由自动添加

思路：检索指定文件夹下的文件（require.context(directory,useSubdirectories,regExp)）directory{String}-读取文件的路径useSubdirectories
Dark_programmer·2023-11-24 10:41

webpack中require.context控制模块引入

webpack官网介绍require.context(directory:String,includeSubdirs:Boolean/*可选的，默认值是true*/,filter:RegExp/*可选的
且须文雅·2023-11-23 17:48

Vue2系列 -- 组件自动化全局注册(require.context)

import引入组件省略在main.js中注册实现自动化引入组件2自定义文件夹在src下新建一个components/base文件夹，用于存放要自动注册的组件3在base文件夹下定义index.js使用require.context
诚诚程程成·2023-11-21 18:20

[前端]动态加载问题-按条件加载

按条件加载场景描述实践场景描述可以根据条件判断是否需要加载某些文件，例如当开发环境的时候我们需要加载MOCK文件或者不需要加载MOCK文件的情况，可以根据设置的MOCK的开关来决定是否需要加载实践在使用webpack时我们一般通过require.context
三知之灵·2023-11-09 03:55

UI组件库基础

UI组件库全局组件*全局注册组件&并且使用了require.context模块化编程&webpack打包constinstall=(Vue)=>{const context=require.context
betterangela·2023-10-28 11:03

vue3封装vuex状态管理器

状态管理器1、在store下新建modeules文件夹，默认的store/index.js引入使用import{createStore}from'vuex'//获得全部moduleconstfiles=require.context
他说不会。·2023-10-28 02:42

JS 如何动态获取本地文件夹中的所有图片

1、require.context最近在帮师哥做一个简单的数据和图片展示的项目，其中有一个需求是要在页面上显示出该项目某一文件夹下的所有图片，图片的数目和文件名不确定，只知道图片存放的目录。
仰望天空的人·2023-10-28 01:32

require.context 的使用

require.context(directory,useSubdirectories,regExp)//接受三个参数：directory表示检索的目录useSubdirectories表示是否检索子文件夹
初心w50t2·2023-10-27 10:25

svg-sprite-loader实现自己的Icon组件

懒人神器：svg-sprite-loader实现自己的Icon组件-SegmentFault思否使用require.context实现前端工程自动化-(jianshu.com)未来必热：SVGSprites
码农梦醒·2023-10-27 06:44

webpack中require.context

参考：webpack：require.context（）官方文档:require.context（）相关博客vuex:namespaced，关于vuex命名空间作用：当我们需要对某一目录下的文件进行引用时
有一只狗的名字叫三木·2023-10-25 16:12

自定义svg-icon组件实现

importSvgIconfrom'@/components/SvgIcon'constsvgRequired=require.context('.
c++开发工程师·2023-10-23 09:47

vue3.0路由自动导入

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。
放风喽·2023-10-21 02:47

vue 读取文件夹中所有文件和文件内容

exportdefault{title:‘asdasd’,brief:‘sdasdasd’,content:‘sdasdasd’}.vue代码constpath=require(‘path’)constfiles=require.context
计算机辅助工程·2023-10-18 20:05

vue3.0公共组件自动导入

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。
放风喽·2023-10-17 02:14

vite批量引入并注册组件

首先是webpack中require.context(directory,useSubdirectories,regExp)directory:要查找的文件路径useSubdirectories:是否
变量只提升声明不提升赋值·2023-10-14 11:51

vite+vue3+ts中使用require.context | 报错require is not defined | 获取文件夹中的文件名

vite+vue3+ts中使用require.context|报错requireisnotdefined|获取文件夹中的文件名目录vite+vue3+ts中使用require.context|报错requireisnotdefined
小阳是我·2023-10-09 13:39

vite require is not defined

vuex使用webpack中的require.context(’.
hobtdto·2023-10-05 00:08

VUE获取文件夹下的文件并引入

获取文件夹下的图片constfiles=require.context('@/assets/images',false,/.png$/);constpath=require('path');constallPngImg
console.log('丑妞儿')·2023-10-02 19:58

vue实现自动生成路由，非手动创建，含避坑点

自动生成路由js文件：autoRouter.jsletrouteArr=[];letbaseUrl='@/components/settingManagement/';constcontent=require.context
王世诣·2023-09-28 20:36

VUE实现路由自动生成，根据src文件夹下（多级文件夹）所有.vue文件路径实现路由自动匹配生成

答案：可以一、知识点及原理1、原理：require.contextwebpack提供了一个context方法来获取到目录下的所有文件，我们可以通过require.context方法拿到我们想
薛定谔的猫-菜鸟程序员·2023-09-27 05:58

vue3+ts+element-plus

rulestrigger的blur和change一起写方式改变了3.监听watch方式修改4.缓存处理5.路由跳转6.组件工程化components/index.tsconstrequireComponent=require.context
CSDN炯·2023-09-27 01:32

vue 国际化开发

importVuefrom"vue";importVueI18nfrom"vue-i18n";Vue.use(VueI18n);functionloadLocaleMessages(){constlocales=require.context
白衣诗人·2023-09-23 23:18

vue注册全局组件保姆级教程

1.首先在公共组件文件夹中创建一个js文件2.直接CV下面这段代码到js文件中，提供统一注册的入口文件*require.context('文件路径',深层次查找[bool],匹配的文件后缀)----webpack
菜鸟裹裹_·2023-09-23 14:48

require.context

1、什么是require.context一个webpack的api，通过该函数可以获取一个上下文，从而实现工程自动化（遍历文件夹的文件，从中获取指定文件，自动导入模块）。
微不足道的张三·2023-09-23 04:41

Vue中一键批量注册全局组件

之后一键注册的全局组件名就是每个公共组件（xxx.vue）文件的文件名xxx2.plugins/components.js中批量注册组件importVuefrom"vue"letrequireFile=require.context
毛三仙·2023-09-20 02:52

node Vite 读取文件夹中所有文件

constfiles=require.context('.
一天28小时·2023-09-19 17:36

Vue3+vite 使用import.meta.globEager代替require.context实现自动导入api

webpackrequire.context实现自动导入Vite方式实现自动导入步骤1、在src下会有一个api文件夹，结构如下：2、通常情况下，api文件夹的index.js文件我们通常是这样来引入的import*asloginfrom'./modules/login'import*assystemfrom'./modules/system'exportdefault{...login,...s
wocwin·2023-09-19 01:07

[webpack问题]TypeError: __webpack_require__(...).context is not a function

require.context(directory,useSubdirectories,regExp)directory:表示检索的目录useSubdirectories：表示是否检索子文件夹regExp
三知之灵·2023-09-17 16:26

Vue 之 自动化全局注册

webpack使用require.context可以动态引入文件,我们可以借助这个方法实现自动化注册。一、require.contextrequireconstfunc=require('.
hunter97·2023-09-16 18:37
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他