記錄一個引用文件所有js文件的方法


在項目api聲明的時候,避免每次添加新的js都要對應去處理

首先我在項目api文件下新建一個files的文件夾,然后再api文件夾下的index.js這樣寫:

var api = {};
const requireComponent = require.context('./files', false, /\.js$/)
requireComponent.keys().forEach(fileName => {
    const componentConfig = requireComponent(fileName)
    Object.assign(api, componentConfig.default);
})
export default api;
這樣就很方便的導入各個模塊的api定義;
 
同理項目路由處理也可以一樣:
var childrenRouter = []; // 引用各個模塊路由數組對象
const requireComponent = require.context('./files', false, /\.js$/)
requireComponent.keys().forEach(fileName => {
  const componentConfig = requireComponent(fileName)
  childrenRouter.push(...componentConfig.default);
})
export default {
  routes: childrenRouter
}
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM