E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
require.context
Vue 之 自动化全局注册
webpack使用
require.context
可以动态引入文件,我们可以借助这个方法实现自动化注册。一、require.contextrequireconstfunc=require('.
hunter97
·
2023-09-16 18:37
Vue 批量注册组件
全局组件在components文件夹下新建一个Gloabl文件夹(可以自行命名)在目录下新建index.jsimportVuefrom'vue'//
require.context
(路径,是否遍历子目录,
ZionHH
·
2023-09-14 14:54
Vue
vue.js
javascript
前端
将el-table中的展开列(expand)修改成slots自定义插槽
我这里目录如下:index.js文件中(用的是模块自动导入)constmodulesFiles=
require.context
('@/components/ElementUi',true,/
꧁꫞꯭伟꯭伟꯭꫞꧂
·
2023-09-14 06:47
vue.js
前端
javascript
vue自动加载模块方法
require.context
大家在写vue路由的时候,一般会采取什么样的方法呢?在router的index.js中直接把路由写完,还是把每个页面抽出来再到router的index.js里引入?两种好像都停麻烦,第一种页面多了都聚合在一个js文件里,不利于管理。第二种虽然抽离了每个页面的路由,但是每个都要在router中import,页面多了,就会麻烦。node.js里面的一种方法可以很好应用在路由以及其他加载模块的需求上,r
驻风丶
·
2023-09-12 06:00
vue
vue.js
vue 遍历目录下的文件,获取图片名并直接遍历渲染
但是图片名字乱七八糟花里胡哨举例说明获取目录下的文件名新创建一个vue项目,获取views目录下的以.vue结尾的文件的文件名mounted(){//参数:1.路径;2.是否遍历子目录;3.正则表达式constfiles=
require.context
sywdebug
·
2023-09-07 23:50
前端开发
javascript
vue.js
正则表达式
vuex前端工程化之动态导入文件--
require.context
( )
require.context
是webpack中,用来创建自己的(模块)上下文webpack会在构建的时候解析代码中的
require.context
()
require.context
函数接收三个参数:要搜索的文件夹目录是否还应该搜索它的子目录以及一个匹配文件的正则表达式
Jony0114
·
2023-09-07 19:16
Vite 2 + Vue 3 实现批量导入模块
当项目使用webpack作为构建工具时,批量导入可以用
require.context
实现➡️【利用webpack的
require.context
自动注册vue全局组件】Vite2则需要通过import.meta.glob
AizawaSayo
·
2023-09-02 01:11
svg图片如何渲染到页面,以及svg文件的上传
svg图片渲染到页面的几种方式背景
require.context
获取目录下的所有文件方式1:直接在html中渲染方式:发起ajax请求,获取SVG文件背景需要实现从本地目录下去获取所有的svg图标进行预览
周周爱喝粥呀
·
2023-08-31 22:12
Vue知识点
前端
vue.js
typescript
javascript
使用
require.context
实现import自动化
require.context
是什么一个webpack的api,通过执行
require.context
函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况
灰灰_9fc1
·
2023-08-30 16:22
vue读取文件夹下面的文件名称
借鉴文章点击查看原文详细文章这篇比较仔细1.需求需要读取某个文件夹下面的所有文件名称,然后显示这些文件名称2.在mounted中:mounted(){constfiles=
require.context
常威在打来福~
·
2023-08-29 05:37
婉约派
vue全局注册组件
在components文件夹下新建index.js文件@/components/index.jsimportVuefrom'vue'//
require.context
是webpack的一个apiconstreq
天高任鸟飞dyz
·
2023-08-28 17:13
Vue
JavaScript
web前端
前端
vue
webpack
vuex的模块化使用
resturantName//https://webpack.js.org/guides/dependency-management/#requirecontextconstmodulesFiles=
require.context
年轻人多学点
·
2023-08-24 00:28
vue中的require
vue中的require一、基本概念二、具体演示1.引入json2.引入图片三、
require.context
引入图片:引入json引入模块js:引入vue文件:一、基本概念require是node中的一个方法
程序员的脱发之路
·
2023-08-22 22:16
vue.js
javascript
前端
vue webpack转vite遇到的问题以及解决方案
每次启动一下就要花费一两分钟,为了更长时间摸鱼,于是决定转vite直接引用大神的小工具:wp2vite即使用完了还是会发现很多小问题:1.导入一个文件夹下的多个文件时,在vite里面require是不能使用的修改之前:
require.context
S.Y.X
·
2023-08-20 17:41
vue
javascript
html5
Vue开发必须知道的36个技巧
Vue开发必须知道的36个技巧1.require.context()1.场景:如页面需要导入多个组件,原始写法:2.这样就写了大量重复的代码,利用
require.context
可以写成3.API方法2.
Credere nel destino
·
2023-08-20 16:50
vue.js
前端
javascript
vue全局注册组件
main.jsvue官方示例constrequireComponent=
require.context
('.
fancheur
·
2023-08-19 11:57
import.meta.globEager 代替
require.context
自动导入文件
在使用vite时,发现不能使用
require.context
自动导入modules,可以使用import.meta.globEager替换require自动引入实现constfiles=
require.context
申_9a33
·
2023-08-17 09:45
vue 自动注册某个文件夹下的所有组件
在组件同级目录下创建index.jsconstinstall=(Vue)=>{constrequireComponent=
require.context
(".",true,/\.vue/);requireComponent.keys
华山令狐虫
·
2023-08-16 20:47
vue
前端
vue.js
vue
vue3动态注册路由
在vue-cil2中,我们可以通过webpack中
require.context
这个api实现工程自动化,而在vue-cil3里vite替代了webpack,节省了webpack冗长的打包时间的同时我们也会失去
毛崽
·
2023-08-14 12:58
vue-cli3
webpack自动注册全局组件
例如,在form文件夹下有许多流程类表单,一个一个注册引入非常浪费时间,可使用webpack的
require.context
方法来自动导入import{firstToUpper}from'@/utils
MusiCoder32
·
2023-08-11 09:29
webpack
前端
React Dva项目 简单引入models中的所有JS文件
我们前面接触的Dva项目models目录下的文件还要一个一个引入其实体验并不是很好而且如果项目很大那就比较麻烦了我们可以在models下创建一个index.js文件编写代码如下constcontext=
require.context
-耿瑞-
·
2023-08-08 06:05
javascript
react.js
开发语言
uniapp 微信小程序 封装公共的请求js(api版本)
files跟index.js文件夹,files文件夹内放每个页面对应的js请求接口1、index.js/***api接口的统一出口*/constapi={};constrequireComponent=
require.context
maoge_666
·
2023-08-08 05:15
uni-app
微信小程序
小程序
vue项目基建
路由模块化,高频全局组件模块化//
require.context
获取文件名称和获取文件导出内容
require.context
("文件路径",是否有子文件,正则匹配文件名)例:letfileName=
require.context
命题_1f6e
·
2023-08-03 16:55
vue3中require报错 require is not defined
vue2中使用constpath=require("path")constfiles=
require.context
("..
Web_Lys
·
2023-08-02 06:53
Vue
Vite
vue.js
Vite
require
require.context
妙用-实现前端自动引入同一文件夹下多个文件(替代import)
//自动化检测文件,获取然后全局注册constrouterContext=
require.context
("./",true,/\.vue$/);constglobalComponents=[];routerContext.keys
_皓月__
·
2023-08-01 01:35
require.context
()的用法
一般用于加载某个目录下的多个文件,如:constmodulesFiles=
require.context
(".
好喝的西北风
·
2023-07-31 10:47
前端
vue.js
vue全局引入多个组件
cpm.jsimportVuefrom'vue'//引入vue//处理首字母大写dx=>DxfunctionchangeStr(str){returnstr.charAt(0).toUpperCase()+str.slice(1)}/*
require.context
吃葡萄不吐葡萄皮嘻嘻
·
2023-07-29 22:31
vue
前端开发
vue.js
vue2企业级项目(七)
vue2企业级项目(七)组件封装src目录下创建components/index.jsconstcomponents=
require.context
(".
不乖的肥猫
·
2023-07-29 10:42
vue2企业级
vue.js
javascript
前端
vue2企业级项目(六)
vue2企业级项目(六)自定义指令创建src/directive/index.jsconstdirectives=
require.context
(".
不乖的肥猫
·
2023-07-29 10:11
vue2企业级
vue.js
javascript
前端
js中replace函数的使用
问题:constreq=
require.context
('.
开水没有冬天
·
2023-07-29 04:22
javascript
前端
JS 如何动态获取本地文件夹中的所有图片
1、
require.context
最近在帮师哥做一个简单的数据和图片展示的项目,其中有一个需求是要在页面上显示出该项目某一文件夹下的所有图片,图片的数目和文件名不确定,只知道图片存放的目录。
偏执zz
·
2023-07-28 11:56
JavaScript
javascript
前端
开发语言
vue3+js批量引入全局组件
index.js文件//注册全局组件注意组件中name要有名字大驼峰格式exportconstcomponents=(app)=>{//获取同级目录下的.vue文件constrequireComponent=
require.context
KAGHQ
·
2023-07-21 20:26
总结
javascript
vue.js
前端
JS 如何动态获取本地文件夹中的所有图片
1、
require.context
最近在帮师哥做一个简单的数据和图片展示的项目,其中有一个需求是要在页面上显示出该项目某一文件夹下的所有图片,图片的数目和文件名不确定,只知道图片存放的目录。
yingjieweb
·
2023-07-18 19:13
0
error(s)
0
warning(s)
Vue 项目路由、自定义指令、api方法自动引入资源(
require.context
使用)
前端项目(当前我以Vue项目为例)当我们把api挂载在main上后//将api挂载到vue的原型上importapifrom'@/api'Vue.prototype.$api=api在src下会有一个api文件夹,结构如下:通常情况下,api文件夹的index.js文件我们通常是这样来引入的import*asfactoryModelfrom'./modules/basicData/factoryM
wocwin
·
2023-07-18 11:00
vue专栏
vue.js
前端
webpack
require.context
api封装
自动导入
vue获取本地文件夹内所有图片
constpath=require("path");//读取文件的路径是否遍历文件的子目录匹配文件正则表达式constfiles=
require.context
("..
广大菜鸟
·
2023-07-16 20:05
vue.js
elementui
javascript
vue架构-如何封装路由
主要使用到了
require.context
()WebpackAPI引入不同的路由文件。
山原旷其盈视
·
2023-07-16 01:13
vue架构
vue.js
前端
javascript
require.context
()用法详解
文章目录前言一、
require.context
(directory,useSubdirectories,regExp)使用参数属性二、使用前言
require.context
()是Webpack提供的API
小马_xiaoen
·
2023-06-21 23:52
前端
javascript
前端
Property 'context' does not exist on type 'NodeRequire'.ts(2339)
最近使用vue3官方脚手架创建的项目,在执行下面的代码后报错:constfiles=
require.context
('.
·
2023-04-19 05:17
vue2升级vue3注意事项
vite兼容
require.context
替换成import.meta.globEagerscss全局注入,需要在vite.config.ts配置@use"sass:math";@import".
drneilc
·
2023-04-17 16:15
vue vite正则动态匹配modules
/getters'constmodulesFiles=
require.context
('./modules',true,/
ThisWu
·
2023-04-17 11:53
Property ‘context‘ does not exist on type ‘NodeRequire‘.ts(2339)
最近使用vue3官方脚手架创建的项目,在执行下面的代码后报错:constfiles=
require.context
('.
IICOOM
·
2023-04-15 10:24
webpack
javascript
vue.js
vue 使用
require.context
显示文件夹下所有的svg-icon图标
前言近日因开发的项目变得越来越大,导致项目使用的svg-icon越来越多,所以想要制作一个页面来显示目前引入的所有svg-icon,方便查找与使用。不过在网上搜索了一下,发现并没有人提出或者解决这个问题,因此自己动动手解决了这个问题,在这里把这个解决方法记录一下:至于如何引入svg-icon并且使用,我就不多费口舌介绍。有疑问可以参考这个文章:优雅使用iconsvg图标正文只要在计算属性compu
_大风起兮
·
2023-04-14 10:35
vue引入公共组件-
require.context
require.context
是webpack中,用来创建自己的(模块)上下文webpack会在打包构建代码中解析
require.context
接收三个参数:1、要搜索的文件夹目录2、是否搜索它的子目录
阿羡吖
·
2023-04-13 08:26
A06-批量注册组件
1.1【批量注册组件】批量注册组件:src/components/index.js/***方法从指定目录(@/components)和其子目录中加载所有Vue.js组件(因为第二个参数设置为true)*
require.context
Silence Lamb
·
2023-04-04 18:02
#
②-VUE脚手架
javascript
前端
vue.js
利用 webpack 的
require.context
自动注册 vue 全局组件
webpack的
require.context
函数可以用来创建自己的context。webpack会在构建中解析代码中的
require.context
()。
require.context
('.
AizawaSayo
·
2023-04-02 16:33
require.context
自动化导入模块
定义:一个webpack的api,通过执行
require.context
函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况,可以使用这个api,它会遍历文件夹中的指定文件
牛牛爱科技
·
2023-04-02 00:55
require.context
方法获取目录下文件名
1.简介
require.context
是Webpack中用来管理依赖的一个函数,此方法会生成一个上下文模块,包含目录下所有模块的引用,通过正则表达式匹配,然后require进来2.使用方法
require.context
坚持努力_573f
·
2023-03-31 22:02
vue一键引入指定文件夹下的组件(不限于vue/.vue文件/.js文件等等)
通常会遇到需要引入一堆功能或作用类似文件,不过已经给出了对应的Api可以优雅的解决示例二、正片这里以框架vue在不同构建环境为例(webpack、vite)1.webpack先瞅代码constallComponents=
require.context
冷r
·
2023-03-31 04:46
vue 引入公共组件之
require.context
require.context
是webpack中,用来创建自己的(模块)上下文webpack会在打包构建代码中解析它
require.context
接收三个参数:要搜索的文件夹目录是否搜索它的子目录以及一个匹配文件的正则表达式
码路芽子
·
2023-03-27 09:25
Vue 技巧
importoneComfrom'@/components/home/oneCom'importtwoComfrom'@/components/home/twoCom'components:{oneCom,twoCom}//使用
require.context
Rico_wang
·
2023-03-25 17:57
上一页
1
2
3
4
5
6
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他