动态引入某文件夹下所有vue组件的方法

最新推荐文章于 2024-08-21 10:29:23 发布

地中海_zhi

最新推荐文章于 2024-08-21 10:29:23 发布

阅读量1.2k

点赞数

分类专栏： js vue 文章标签： javascript vue.js es6

本文链接：https://blog.csdn.net/qq_40683441/article/details/114314748

版权

js 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

vue

8 篇文章 1 订阅

订阅专栏

引入vue

const context = require.context('./', true, /\.vue$/);
const install = (Vue) => {
  context.keys().forEach((key) => {
    const component = context(key).default;
    Vue.component(component.name, component);
  });
};

引入css 等

const context = require.context('./', true, /\.scss$/);
context.keys().forEach((key) => {
  // eslint-disable-next-line
  console.log(context(key));//本行代码看似无用，却是样式文件能够成功引入的关键
});