require.context

vue3.0路由自动导入的方法实例

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。
·2021-04-17 20:01

【已解决】创建文件自动注册路由, 打包之后页面空白

前在之前vue中使用自动注册svg图标(文章在这里Vue使用svt-sprite-loader自动引入svg图标)的时候我发现了require.context()方法,我觉得,可以用这个方法来自动添加路由
qq_40314318·2021-04-08 17:01

VUE - require.context让组件和路由自动加载

使用：//路由自动加载//route/index.jsconstautoLoadRoutes=[]constreqRouter=require.context('./',true,/\.js$/)reqRouter.keys
coderfl·2021-02-25 14:39

vue使用‘require.context()‘局部批量注册组件，并通过component 标签动态绑定组件

require.context()说明2.vue中的component标签说明二、实现过程1.创建多个组件2.在componentTest.vue文件中实现一、要点介绍1.require.context()说明require.context
点燃火柴·2021-01-30 23:46

vue使用require.context实现动态注册路由

借鉴思路：参考vue的功能基础组件的自动化全局注册，看到一个require.context方法，可以读取某个文件夹下的文件信息。因此考虑，使用这个方法，获取views文件夹下的.
·2020-12-25 11:23

项目使用svg图标

原理：使用require.context()函数来创建自
__笑我一世沉沦丶·2020-12-11 09:29

Angular单元测试如何只执行指定的测试用例，提高测试速度

每个Angular项目文件夹下都有test.ts,里面有一行语句，指定了该项目下哪些ts文件里的单元测试会执行：constcontext=require.context('./',true,/\.spec
JerryWang_汪子熙·2020-11-23 22:34

Angular单元测试如何只执行指定的测试用例，提高测试速度

每个Angular项目文件夹下都有test.ts,里面有一行语句，指定了该项目下哪些ts文件里的单元测试会执行：constcontext=require.context('./',true,/\.spec
JerryWang_汪子熙·2020-11-23 21:16

Vue全局组件注册+require.context()函数

Vue全局组件注册+require.context()函数在一个项目中，如果某些组件频繁的使用，我们则需要频繁的引入和注册，我们可以通过require.context()函数匹配到这些组件统一进行全局注册
大奔的大葱·2020-11-17 11:59

Vue 开发必须知道的 36 个技巧 | 建议收藏

require.context()场景:如页面需要导入多个组件,原始写法:importtitleComfrom'
全栈修炼·2020-11-09 08:00

Webpack - 前端自动化导入

一、require.context在阅读vue-element-admin项目过程中,作者采用如下操作,引入了全局使用到的svg矢量图constreq=require.context('.
Coderclc丶·2020-10-04 12:55

JS：使用require.context引入多个JSON文件

简介同类型的文件很多，在vue项目中一个一个的import引入是不科学的操作，是十分繁琐且容易出错的，所以就需要一个统一的方法进行批量引入，就需要使用Webpack中的require.context()
如此如此。·2020-09-17 06:30

vue 去中心化的路由拆分方案：require.context

代码地址：https://github.com/lisiyizu/vue-router-dynamic转载于:https://www.cnblogs.com/Kummy/p/8991507.html
weixin_34302798·2020-09-15 09:46

webpack的require.context()实现路由“去中心化”管理

最近在开发一个大型vue单页面应用的时候，项目最初是将所有的路由写在一个router.js的文件里。constrouter=newRouter({mode:"history",routes:[{path:'/',name:'Index',component:include('index','home')},{path:'/aboutus',name:'aboutUs',component:incl
weixin_30752699·2020-09-15 08:43

用webpack的require.context()"去中心化"代码

一、在vue中当路由或者store多了的时候需要多层嵌套,不利于代码维护,在webpack打包的时候可以利用require.context()来对代码做去中心化二、什么是require.context(
大尾巴XYW·2020-09-15 08:52

使用require.context，实现去路由中心化管理

什么是webpack的require.context？官网解释：您可以使用require.context()函数创建自己的上下文。
Peter 谭金杰·2020-09-15 07:24

require.context 用法，巧妙引入文件

require.context用法，巧妙引入文件constmodules1={}constmodules2={}#只获取子文件夹下的index文件.
xuxu_qkz·2020-09-12 17:16

react中引入大量图片

原文地址：React引入大量本地图片constrequireContext=require.context('..
microcosm1994·2020-09-10 16:20

Webpack中require路径为变量的解决方法总结

/assets'+img);2.使用require.contextconstcontext=require.context('.
年年岁岁花香·2020-08-24 19:45

模块动态引入

directory{String}-读取文件的路径useSubdirectories{Boolean}-是否遍历文件的子目录regExp{RegExp}-匹配文件的正则语法:require.context
肖ZE·2020-08-24 01:50

vue 使用webpack自动形成路由

importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'Vue.use(Router)constr=require.context
lo_e·2020-08-23 21:43

深入理解webpack的require.context

点击蓝字「前端小苑」关注我作者：二哲来源：segmentfault前言require.context其实是一个非常实用的api。但是3-4年过去了，却依旧还有很多人不知道如何使用。
前端小苑-FE GDN·2020-08-22 09:56

require.context做了什么

参考：使用require.context实现前端工程自动化：https://www.jianshu.com/p/c894ea00dfec始末：https://juejin.im/post/5c106485e51d450e657571a6
开水没有春天·2020-08-22 04:46

require.context这个是webpack的知识（去看webpack文档吧）

这个时候require.context就排上用场了，一次性引入。constreq=require.context('../..
Army-海军·2020-08-22 04:04

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

require.context()是什么require.context(directory,useSubdirectories=false,regExp=/^\.\//)复制代码require.context
weixin_34092455·2020-08-22 03:56

require.context

带表达式的require语句如果你的require参数含有表达式(expressions)，会创建一个上下文(context)，因为在编译时(compiletime)并不清楚具体是哪一个模块被导入require("./template/"+name+".ejs");复制代码webpack解析require()的调用，提取出来如下这些信息：Directory:./templateRegularexp
weixin_34061042·2020-08-22 03:25

webpack动态导入和require.context分析及使用注意

webpack动态导入和require.context分析及注意事项实验webpack版本4.19.0tldr;动态导入语法必须是字符串拼接，不能传入函数。正确：import('.
weixin_33811961·2020-08-22 03:43

webpack中的require.context

webpack文档中的使用姿势带表达式的require语句如果你的request含有表达式(expressions)，就会创建一个上下文(context)，因为在编译时(compiletime)并不清楚具体导入哪个模块。示例：require('./template/'+name+'.ejs');webpack解析require()调用，然后提取出如下一些信息：Directory:./templat
weixin_30498921·2020-08-22 03:32

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

require.context是什么一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况
weixin_30390075·2020-08-22 03:26

webpack中require.context 用法

.\//)Examples:require.context(".
weixin_30367169·2020-08-22 03:23

vue之require.context

初识require.contextrequire.context是webpack中，用来创建自己的（模块）上下文webpack会在构建的时候解析代码中的require.context()require.context
雨中畅游·2020-08-22 03:51

require.context的妙用

constfiles=require.context(".",false,/\.js$/);constmodules={};constgetters={};files.keys().forEach(key
WebCandy·2020-08-22 03:24

webpack中的require.context说明与应用

contextmoduleAPI说明:一个contextmodule会导出一个（require）函数，此函数可以接收一个参数：request(简单说就是那个匹配的路径…)。（译者注：request参考概念术语文档）此导出函数有三个属性：resolve,keys,id。resolve是一个函数，它返回request被解析后得到的模块id。keys也是一个函数，它返回一个数组，由所有可能被此conte
tinfengyee·2020-08-22 03:19

分享：使用 webpack 的 require.context 实现路由“去中心化”管理

阅读须知：示例代码以react-routerV3为例。其他路由同样适用，如：vue-router。同样其他的功能模块也可以用该思路进行相应的去中心化管理改造。本文示例代码一个项目中路由的变化过程当你在开发一个大型单页面应用的时候，项目之初一般做法是所有的路由规则都维护在一个route.js的文件里。//rootRoute.jsconstrootRoute={childRoutes:[{path:'
强哥叨逼叨·2020-08-22 03:48

VUE学习（三）基于webpack使用 require.context 全局注册通用的基础组件

一、全部代码///全局组件自动配置STARTconstrequireComponent=require.context(//其组件目录的相对路径".
忠诚待人·2020-08-22 03:05

自动加载路由-webpack require.context

vue项目中，每添加一个模块都需要去引入并注册到路由表中，webpack中的require.context这个API将会解决这个问题，大大提升了我们的工作效率。
萝卜666·2020-08-22 02:16

require.context的理解

对下面这段代码的理解constsrcContext=require.context('../../src',true,/\.
fyiloutingfengyu·2020-08-22 02:06

require.context('./svg', false, /\.svg$/)

require.context()在实际的开发过程中，有时候我们需要一次性的引入某个文件夹下的所有文件，那么这个时候就可以使用require.context()来完成。
郭宝·2020-08-22 02:50

requireContext.keys().map(requireContext)在批量导入时的作用

发现很多人在问requireContext.keys().map(requireContext)这么写是什么原理，原代码如下：constreq=require.context('.
萌信·2020-08-22 02:01

webpack 之 require.context 用法

最近项目中用到了vue-element-admin当作框架，当中有一个很好的例子：封装了一个svg的组件，其中就是用到了require.context，然后就出查了相关的介绍，当时也是一头雾水，最后决定弄明白这个东西
专注的小眼神·2020-08-22 02:31

TS2339:报错；某个对象上不存在某个方法【例】:Property 'context' does not exist on type 'NodeRequire'.

简单直接的说报错说某个对象上不存在某个属性开始以为写错了然后翻看之前的js版本发现引用的模块都已同样的模块用ts的角度说引用的都已一个类型接口的对象可为什么js好使ts就报错呢因为ts的语法有些变化这里笔者只说一点用我们常见的require举例1.如果你在js里写require.context
gaoqiang1112·2020-08-22 01:52

Webpack require.context() 前端工程化之动态导入文件

前言随着项目越来越大，业务需要越来越多，我们项目的目录层级也是非常的多。如果还是通过import分别引入文件，那是非常的不科学的。比如vue项目vuex文件非常多：importVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);importuserfrom'./stores/user';importinfofrom'./stores/info';.../
chizhen4556·2020-08-22 01:49

webpack知识小结--require.context方法

带表达式的require语句如果你的require参数含有表达式(expressions)，会创建一个上下文(context)，因为在编译时(compiletime)并不清楚具体是哪一个模块被导入require("./template/"+name+".ejs");webpack解析require()的调用，提取出来如下这些信息：Directory:./templateRegularexpress
cauyahui·2020-08-22 01:38

vue 多个组件导入 require.context()

如果页面需要导入多个组件importlikeViewfrom"@/components/detail/like-view.vue";importhoverViewfrom"@/components/detail/hover.vue";importanimationViewfrom"@/components/detail/animation.vue";components:{likeView,hov
rancho辉·2020-08-22 01:50

webpack require context 说明

使用require.context可以动态引入文件。参考官方文档，但是文档中的表述不甚清晰，因此我整理了几种用法和结果。先新建一个测试目录，安装webpack。
liu__software·2020-08-22 01:03

webpack的带表达式require和require.context()方法

带表达式的require语句如果require参数含有表达式(expressions)，会创建一个上下文(context)，因为在编译时(compiletime)并不清楚具体是哪一个模块被导入require("./template/"+name+".ejs");webpack解析require()的调用，提取出来如下这些信息：Directory:./templateRegularexpressio
艾欢欢·2020-08-22 00:12

webpack中require.context的使用

概述Youcancreateyourowncontextwiththerequire.context()function.Itallowsyoutopassinadirectorytosearch,aflagindicatingwhethersubdirectoriesshouldbesearchedtoo,andaregularexpressiontomatchfilesagainst.webp
weixin_34000916·2020-08-22 00:57

webpack 之 require.context 用法

最近项目中用到了vue-element-admin当作框架，当中有一个很好的例子：封装了一个svg的组件，其中就是用到了require.context，然后就出查了相关的介绍，当时也是一头雾水，最后决定弄明白这个东西
专注的小眼神·2020-08-22 00:19

require.context前端自动导入文件方法

require.context是什么一个webpack的api,通过执行require.context函数获取一个特定的上下文,主要用来实现自动化导入模块,在前端工程中,如果遇到从一个文件夹引入很多模块的情况
红色枫叶520·2020-08-17 03:08

nuxt自动加载组件

1、在plugins目录中新建js文件importVuefrom'vue';constcomponents={};letfiles=require.context('..
fz250052·2020-08-13 14:49
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他