vue全局注入多个js

187 阅读 0 评论 124 点赞

我是靠谱客的博主沉默小笼包，这篇文章主要介绍vue全局注入多个js，现在分享给大家，希望可以做个参考。

项目中会碰到要全局注入多个js文件
在这里插入图片描述
上面的js 都是一些接口文件，每个页面important 比较麻烦就采用全局注入

在这里插入图片描述
这种方法显然不叫繁琐，一旦js 比较多代码就显得比较臃肿，所以采用了 vue 自带的 require.context的方法，要读取的js文件必须放在api文件中

//读取api路径下的js接口文件
const apiFiles = require.context('./data/remote/api', true, /.js$/)
const api = apiFiles.keys().reduce((api, modulePath) => {
  // set './app.js' => 'app'
  const moduleName = modulePath.replace(/^./(.*).w+$/, '$1')
  const value = apiFiles(modulePath)
  api[moduleName] = value.default
  return api
}, {})
Vue.prototype.api = api;

使用