自動引入一個文件夾下的所有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