vue项目里如何使用require

在 Vue 项目中使用 require 可以通过 webpack 的 require.context 方法来实现。可以在项目的任何地方调用该方法，该方法会返回一个函数，该函数可以接收一个文件路径作为参数，并且可以加载该路径下的所有文件。

以下是一个示例代码：

const requireComponent = require.context(
  // 其组件目录的相对路径
  './components',
  // 是否查询其子目录
  false,
  // 匹配基础组件文件名的正则表达式
  /Base[A-Z]\w+\.(vue|js)$/
)

requireComponent.keys().forEach(fileName => {
  // 获取组件配置
  const componentConfig = requireComponent(fileName)
  // 获取组件的 PascalCase 命名
  const componentName = fileName
    .split('/')
    .pop()
    .replace(/\.\w+$/, '')

  // 全局注册组件
  Vue.component(
    componentName,
    // 如果这个组件选项是通过 `export default` 导出的，
    // 那么就会优先使用 `.default`，
    // 否则回退到使用模块的根。
    componentConfig.default || componentConfig
  )
})

在以上示例代码中，使用了 require.context 方法加载了 `./components` 目录下所有以 `Base[A-Z]\w+\.(vue|js)$` 命名的文件，然后通过 Vue.component 全局注册组件。