require.context

关于Vue 开发的 16 个技巧

转自：微点阅读https://www.weidianyuedu.com前言本文从列举了36个vue开发技巧;后续Vue3.x出来后持续更新.1、require.context()1.场景:如页面需要导入多个组件
ysds20211402·2023-03-25 14:37

Vue 开发 36 个技巧

快捷目录前言require.context()watch14种组件通讯props$emitvuexattrs和listenersinheritAttrsprovide和injectparent和children
Silvia250·2023-03-25 14:48

require的context方法

但是又不想每个文件依次倒入的时候,就会想有没有一种方法可以批量导入.require的context方法就可解决这个问题.二.实现1.代码constpath=require('path')constfiles=require.context
黄鹤你不是人·2023-03-24 04:49

vue路由自动配置(require.context)

require.context函数接受三个参数directory{String}-读取文件的路径useSubdirectories{Boolean}-是否遍历文件的子目录regExp{RegExp}-匹配文件的正则语法
Benny_lzb·2023-03-22 00:42

vue.js中项目中图片使用

webpack的动态导入和require.context()分析及使用注意规则：动态导入语法必须是字符串拼接，不能传入函数。正确：import('.
没有如果_1006·2023-03-21 16:39

Vue.use() 全局注册组件、Vue.directive() 全局注册指令

一、Vue.use()全局注册组件require.context(directory,useSubdirectories,regExp)1、directory:表示检索的目录；2、useSubdirectories
蕉下客_661a·2023-03-21 01:16

使用require.context导入多个模块

所以决定用更简洁的require.context来处
Lee拔山兮·2023-03-19 05:57

今天学习dva的时候看到一个技巧，挺实用，记录一下

//这里是将当前目录下的所有js文件找到constcontext=require.context('./',false,/\.js$/);//过滤掉index.js文件因为index文件做为出口文件exportdefaultcontext.keys
想做女儿的超人·2023-03-16 05:22

[Vue] Global Component

global.jsimportVuefrom'vue'functioncapitalizeFirstLetter(string){returnstring.charAt(0).toUpperCase()+string.slice(1)}constrequireComponent=require.context
rjxio·2023-03-14 22:20

浅谈 require.context方法

1.简介require.context是Webpack中用来管理依赖的一个函数,此方法会生成一个上下文模块,包含目录下所有模块的引用,通过正则表达式匹配,然后require进来2.使用方法require.context
_不惧岁月长·2023-03-12 15:01

vue“一劳永逸”的组件注册

其实，我们可以借助一下webpack的require.context()方法来创建自己的（模块）上下文，从而实现自动动态require组件。
love_peaches·2023-03-09 10:58

【vue2每日小知识】实现store中modules模块的封装与自动导入

一、创建我们的模块名二、在我们的index中使用require.context()方法1.require.context()方法介绍2.引入我们的数据源3.用方法来提取修改我们的数据4.数据
初映CY的前说·2023-02-28 12:20

vue h5给css传参，动态显示图片

只贴关键代码：h5代码：计算属性动态加载图片资源：computed:{weatherImg(){returnfunction(imgName){constcontext=require.context(
小拇指的约定021·2023-02-18 03:02

vue获取目录下的文件名

新创建一个vue项目，获取views目录下的以.vue结尾的文件的文件名mounted(){//参数：1.路径；2.是否遍历子目录；3.正则表达式constfiles=require.context("
·2023-02-17 11:19

webpack之require.context

require.context官方文档指出Itallowsyoutopassinadirectorytosearch,aflagindicatingwhethersubdirectoriesshouldbesearchedtoo
星球小霸王·2023-02-06 06:20

关于优化Vue-router优化import引入过多导致index文件过于臃肿

1.需求当我们在开发过程中，需要引入很多的文件，但是又不想每个文件都依次导入的时候就会想有没有一个方法可以批量导入require.context方法就可以解决这个问题.
koi_li·2023-02-01 16:27

2个Vue实用方法，效率提升80%！

其实，我们可以借助一下webpack的require.context()方法来创建自己的（模块）上下文，从而实现自动动态require组件。
Mr_Liu攻城狮·2023-01-27 11:01

JavaScript前端实用的工具函数封装

1.webpack里面配置自动注册组件第一个参数是匹配路径,第二个是深度匹配,第三个是匹配规则const requireComponent = require.context('.
码云笔记·2022-12-15 16:00

vue3+vite中使用import.meta.glob的操作代码

目录前言：vue3中使用import.meta.glob具体方法：前言：在vue2的时候，我们一般引入多个js或者其他文件，一般使用require.context来引入多个不同的文件，但是vite中是不支持
·2022-11-25 18:25

vue3+vite中使用import.meta.glob

前言：在vue2的时候，我们一般引入多个js或者其他文件，一般使用require.context来引入多个不同的文件，但是vite中是不支持require的，他推出了一个类似的功能，就是用import.meta.glob
浩星·2022-11-25 12:37

Vue项目代码之路由拆分、Vuex模块拆分、element按需加载详解

require.context()是webpack提供的语法，相当于前端的读写文件，返回的files是一个函数，files.keys()执行，返回获取到的文件名(是一个数组)，再通过files(keys
·2022-11-07 15:12

「前端工程化」从0-1搭建react，ts脚手架（1.2w字超详细教程）

实现终端命令行②终端命令行交互③深copy整个文件夹④nodejs执行终端命令如npminstall⑤建立子进程通信⑥webpack底层操作，启动webpack,合并配置项⑦编写一个plugin,理解各阶段⑧require.context
zl_Alien·2022-10-14 15:08

「前端工程化」从0-1搭建 React，TS 脚手架

实现终端命令行②终端命令行交互③深copy整个文件夹④nodejs执行终端命令如npminstall⑤建立子进程通信⑥webpack底层操作，启动webpack,合并配置项⑦编写一个plugin,理解各阶段⑧require.context
葬爱的java·2022-10-14 15:07

React，TS 脚手架

实现终端命令行②终端命令行交互③深copy整个文件夹④nodejs执行终端命令如npminstall⑤建立子进程通信⑥webpack底层操作，启动webpack,合并配置项⑦编写一个plugin,理解各阶段⑧require.context
马卫斌 前端工程师·2022-10-14 15:34

Vuex基本用法

一、Vuex基本写法store文件夹下，新建index.jsimportVuefrom'vue'importVuesfrom'vuex'Vue.use(Vuex)constmodulesFiles=require.context
xinxin_csdn·2022-10-02 16:38

vue 如何引入本地某个文件 require

目录vue引入本地某个文件require1.使用require.context判断某个文件是否存在2.使用try……catch……vue引入本地文件无效解决方法vue引入本地某个文件requirevue
·2022-09-12 16:03

Vue自动化注册全局组件脚本分享

目录自动化注册全局组件放代码vue组件注册–全局注册使用require.context实现前端工程自动化(实现全局组件自动化注册的js脚本)基本思路使用场景自动化注册全局组件今天有一个idea，vue一些组件
·2022-08-06 12:35

vue2通用组件一次性注册

代码//在main.js//通用组件地址：src/components/baseconstfiles=require.context('.
·2022-08-05 15:43

require.context()的用法详解

require.context（）的用法详解require.context()的介绍用法一：在组件内引入多个组件用法二：在main.js中引入大量公共组件用法三：使用插件注册全局组件用法四：引入vuex
白嫖leader·2022-07-30 17:16

JavaScript前端实用的工具函数封装

递归实现)5.递归深拷贝6.将数组里面的对象转换成我们需要的键值对1.webpack里面配置自动注册组件第一个参数是匹配路径,第二个是深度匹配,第三个是匹配规则constrequireComponent=require.context
·2022-07-19 13:38

VUE3 电商项目浅浅总结一下

下拉刷新、分页组件、消息提示、消息确认框）SKU业务自己封装的message提示消息全局函数式调用学到了购物车操作通常分两种：本地和后端，操作用promise封装兼容同步和异步操作批量获取路径，注册组件require.context
Web_boom·2022-06-22 13:34

【代码分享】vue路由如何自动加载？

require.context()为我们提供了解决方案require.context()有三个参数，分别是：directory:表示检索的目录useSubdirectories：表示是否检索子文件夹regEx
·2022-04-27 18:13

低代码 - 爪哇

低代码的兄弟姐妹1）Lowcode预置组件实现全集功能可视化配置降低开发门槛支持定制&扩展2）Nocode完全可视化配置不支持扩展，一切需求规范化3）Procode组件化抽象框架层规范-VUEREACT3.使用require.context
口袋の的天空·2022-04-14 16:50

Vue3.0 setup 里使用 vuex

user.jsindex.jsimport{createApp}from'@vue/runtime-dom'import{createStore}from'vuex'constmodulesFiles=require.context
宽粉儿~·2022-03-24 12:31

Vuex在uniapp项目中应用案例

首先在项目中引入如下目录结构其中,index.js文件内容如下:importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)constmodulesFiles=require.context
麦洛_·2022-03-05 08:36

这个批量引入组件的方法，挺酷

，一般的写法是这样的完全没毛病，但是这样的写法就有点累赘，每次新增一个组件又要添加多处，原来现在已经有更方便的写法了，实践了一下，非常niceconstroutes={};constcontexts=require.context
webhmy·2022-03-04 18:00

图文详解如何在vue3+vite项目中使用svg

今天在vue3+vite项目练习中，在使用svg时，发现之前的写法不能用，之前的使用方法参考vue2中优雅的使用svgconstreq=require.context('.
·2022-03-03 12:47

vue批量包含所有组件

demo.png可以使用require.context这个函数来搞定，这个函数的目的是递归一个文件夹，将所有文件都读出来，然
姜治宇·2022-02-18 00:05

同时注册多个 vue 自定义指令 —— require.context

我们时常会用到自定义指令，如果是局部注册，简单，照这官网上来就可以。如果是会在不同页面上用到的相同指令，通常会注册为全局的。注册为全局指令，照着官网来，一样是可以完成。但是，如果我们有多个需要全局注册的指令，一个一个来注册的话，写上一堆Vue.directive()么，可以是可以，如果不觉得麻烦的话，只是，我们凡事都讲究，优雅，以此来规范(zb)我们的代码。在这之前，假使你已经了解指令的具体语法，
liwuwuzhi·2022-02-04 21:43

前端周刊：2021-14期

前端开发用require.context批量引入vue组件最近知道的webpackapi，需要批量引入组件的时候非常好用使用Jenkins+Gitlab集成Flutter自动化打包(Android)，并发布到蒲公英开发
·2021-11-24 15:04

vue 图标选择器的实例代码

importVuefrom'vue'importSvgIconfrom'@/components/SvgIcon'//svgcomponent//registergloballyVue.component('svg-icon',SvgIcon)constreq=require.context
·2021-11-12 19:20

Vue项目中常用的实用技巧汇总

方便维护数据使用.sync实现Prop的“双向绑定”使用model选项3.使用Mixins4.使用动态组件去懒加载组件5.在组件作用域内的CSS中使用::v-deep修改组件样式6.使用装饰器优化代码7.利用require.context
·2021-11-02 14:52

vue中mockjs的使用

src目录下新建index.js和response目录,response用于注册各个模块的接口编写index.jsimportMockfrom'mockjs'letmoduleList=require.context
·2021-09-03 13:01

Vue动态组件和require.context实现单页面多组件配置化引入

场景在公司进行项目开发过程中，我们可能遇到相对复杂的页面，此时我们会把页面拆分成多个子组件然后在定义一个index组件来引入所有的子组件，进而出现下面的场景：现在的页面是有5个子组件，那么需要引入5次，然后注册5次，最后还要在html中渲染5次，有了这个理论，那么如果一个页面需要8个子组件，10个子组件呢，那么我们的index文件的代码将会变得冗余，而且变得不好维护，每增加一个子组件文件的话，我们
·2021-08-12 09:30

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

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

vue动态组件& 动态import 组件

component使用场景：多个组件之间进行切换require.context()使用场景：手动引入多个组件/***动态生成组件模板*@components目录下命名规则根据对应模块分类，根据模块module_name
暴烈的海胆·2021-06-05 01:49

Vue接口封装的完整步骤记录

首先根据接口写好对应页面的请求内容如图尽量保证js文件名称与页面文件名称相同（易于查找）根据文件目录动态引入/导出接口提高便捷性/***自动引入当前文件夹下所有module*require.context
·2021-05-14 14:26

Vue接口封装

首先根据接口写好对应页面的请求内容如图尽量保证js文件名称与页面文件名称相同（易于查找）根据文件目录动态引入/导出接口提高便捷性/***自动引入当前文件夹下所有module*require.context
火腿肠烧烤大赛冠军·2021-05-12 18:24

vue-cli require-context

有三个参数：要搜索的目录、一个标记表示是否搜索其子目录、创建一个匹配文件的正则表达式，webpack会在构建中解析代码中的require.context()。
红旗下的小兵·2021-04-21 15:26

vue3.0公共组件自动导入的方法实例

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。
·2021-04-17 20:01
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他