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

将el-table中的展开列（expand）修改成slots自定义插槽

我这里目录如下：index.js文件中（用的是模块自动导入）constmodulesFiles=require.context('@/components/ElementUi',true,/
꧁꫞꯭伟꯭伟꯭꫞꧂·2023-09-14 06:47

vue自动加载模块方法require.context

大家在写vue路由的时候，一般会采取什么样的方法呢？在router的index.js中直接把路由写完，还是把每个页面抽出来再到router的index.js里引入？两种好像都停麻烦，第一种页面多了都聚合在一个js文件里，不利于管理。第二种虽然抽离了每个页面的路由，但是每个都要在router中import，页面多了，就会麻烦。node.js里面的一种方法可以很好应用在路由以及其他加载模块的需求上，r
驻风丶·2023-09-12 06:00

vue 遍历目录下的文件，获取图片名并直接遍历渲染

但是图片名字乱七八糟花里胡哨举例说明获取目录下的文件名新创建一个vue项目，获取views目录下的以.vue结尾的文件的文件名mounted(){//参数：1.路径；2.是否遍历子目录；3.正则表达式constfiles=require.context
sywdebug·2023-09-07 23:50

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

使用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

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 webpack转vite遇到的问题以及解决方案

每次启动一下就要花费一两分钟，为了更长时间摸鱼，于是决定转vite直接引用大神的小工具：wp2vite即使用完了还是会发现很多小问题：1.导入一个文件夹下的多个文件时,在vite里面require是不能使用的修改之前：require.context
S.Y.X·2023-08-20 17:41

Vue开发必须知道的36个技巧

Vue开发必须知道的36个技巧1.require.context()1.场景:如页面需要导入多个组件,原始写法:2.这样就写了大量重复的代码,利用require.context可以写成3.API方法2.
Credere nel destino·2023-08-20 16:50

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

vue3动态注册路由

在vue-cil2中，我们可以通过webpack中require.context这个api实现工程自动化，而在vue-cil3里vite替代了webpack，节省了webpack冗长的打包时间的同时我们也会失去
毛崽·2023-08-14 12:58

webpack自动注册全局组件

例如，在form文件夹下有许多流程类表单，一个一个注册引入非常浪费时间，可使用webpack的require.context方法来自动导入import{firstToUpper}from'@/utils
MusiCoder32·2023-08-11 09:29

React Dva项目 简单引入models中的所有JS文件

我们前面接触的Dva项目models目录下的文件还要一个一个引入其实体验并不是很好而且如果项目很大那就比较麻烦了我们可以在models下创建一个index.js文件编写代码如下constcontext=require.context
-耿瑞-·2023-08-08 06:05

uniapp 微信小程序 封装公共的请求js（api版本）

files跟index.js文件夹，files文件夹内放每个页面对应的js请求接口1、index.js/***api接口的统一出口*/constapi={};constrequireComponent=require.context
maoge_666·2023-08-08 05:15

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

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全局引入多个组件

cpm.jsimportVuefrom'vue'//引入vue//处理首字母大写dx=>DxfunctionchangeStr(str){returnstr.charAt(0).toUpperCase()+str.slice(1)}/*require.context
吃葡萄不吐葡萄皮嘻嘻·2023-07-29 22:31

vue2企业级项目（七）

vue2企业级项目（七）组件封装src目录下创建components/index.jsconstcomponents=require.context(".
不乖的肥猫·2023-07-29 10:42

vue2企业级项目（六）

vue2企业级项目（六）自定义指令创建src/directive/index.jsconstdirectives=require.context(".
不乖的肥猫·2023-07-29 10:11

js中replace函数的使用

问题：constreq=require.context('.
开水没有冬天·2023-07-29 04:22

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

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

vue3+js批量引入全局组件

index.js文件//注册全局组件注意组件中name要有名字大驼峰格式exportconstcomponents=(app)=>{//获取同级目录下的.vue文件constrequireComponent=require.context
KAGHQ·2023-07-21 20:26

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

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

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获取本地文件夹内所有图片

constpath=require("path");//读取文件的路径是否遍历文件的子目录匹配文件正则表达式constfiles=require.context("..
广大菜鸟·2023-07-16 20:05

vue架构-如何封装路由

主要使用到了require.context()WebpackAPI引入不同的路由文件。
山原旷其盈视·2023-07-16 01:13

require.context()用法详解

文章目录前言一、require.context(directory,useSubdirectories,regExp)使用参数属性二、使用前言require.context()是Webpack提供的API
小马_xiaoen·2023-06-21 23:52

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

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

利用 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 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他