自动引入一个文件夹下的所有vue文件,实现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、Sass等样式文件同样可以做到

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM