vue3中怎么使用require

在Vue 3中，推荐使用 ES6 模块语法来加载依赖项，而不是使用 CommonJS 的 require()。

如果你一定要使用 require()，可以通过添加以下设置来使用它：

1. 在项目根目录下创建一个vue.config.js文件。
2. 在文件中添加以下代码：

module.exports = {
  configureWebpack: {
    resolve: {
      fallback: {
        "path": require.resolve("path-browserify"),
        "fs": false,
        "crypto": require.resolve("crypto-browserify"),
        "stream": require.resolve("stream-browserify"),
        "buffer": require.resolve("buffer/"),
        "zlib": require.resolve("browserify-zlib"),
        "util": require.resolve("util/"),
        "assert": require.resolve("assert/"),
        "os": require.resolve("os-browserify/browser"),
        "https": require.resolve("https-browserify"),
        "http": require.resolve("stream-http"),
        "vm": require.resolve("vm-browserify"),
        "constants": require.resolve("constants-browserify"),
        "process": require.resolve("process/browser")
      }
    }
  }
}

这将为你的项目添加一个别名，使得 require() 可以在浏览器环境中正常工作。

然后，在你的 Vue 组件中，你可以像这样使用 require()：

const module = require('./module.js');

注意，这只适用于一些依赖项，而不是所有的依赖项，因为一些 Node.js 模块在浏览器环境中是不可用的。