码迷,mamicode.com
首页 > 其他好文 > 详细

VUE组件加载

时间:2020-01-13 12:41:10      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:rect   vue-cli   extension   line   match   copy   gem   remove   directly   

今天,无意打开vue-cli 3.0 UI控制台

技术图片

 

 

闲来无事,看看了源码学到一手组件的动态加载,分享大家

/**
 * We register all the components so future cli-ui plugins
 * could use them directly
 */

import Vue from vue

// https://webpack.js.org/guides/dependency-management/#require-context
const requireComponent = require.context(./components, true, /[a-z0-9]+\.(jsx?|vue)$/i)

// For each matching file name...
requireComponent.keys().forEach(fileName => {
  const componentConfig = requireComponent(fileName)
  const componentName = fileName
    .substr(fileName.lastIndexOf(/) + 1)
    // Remove the file extension from the end
    .replace(/\.\w+$/, ‘‘)
  // Globally register the component
  Vue.component(componentName, componentConfig.default || componentConfig)
})
© 2020 GitHub, Inc.

VUE组件加载

标签:rect   vue-cli   extension   line   match   copy   gem   remove   directly   

原文地址:https://www.cnblogs.com/tylz/p/12186539.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!