首页 > 其他 > 详细

vue require.context()动态文件引入

时间:2021-08-17 14:36:13      阅读:8      评论:0      收藏:0      [点我收藏+]

require.context()

  参数:   1、文件路径;

      2、是否匹配子级文件(true,false);

      3、正则,匹配的规则

  

  demo:

const requireComponent = require.context(., false, /\.vue$/);
const install = (Vue) => {
    if (install.installed) return;
    install.installed;
    requireComponent.keys().forEach(fileName => {
        const config = requireComponent(fileName);
        const componentName = config.default.name;
        Vue.component(componentName, config.default || config);
    })
}
if (typeof window !== undefined && window.Vue) {
    install(window.Vue);
}
export default {
    install
}

 

vue require.context()动态文件引入

原文:https://www.cnblogs.com/houBlogs/p/15151691.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!