vue 项目打包 require is not defined

在 Vue 项目中，如果使用了 CommonJS 的 require 语法，在打包后的代码中，其实是没有被转译成浏览器可以识别的语法的，因此在浏览器中就会报错 require is not defined。

为了解决这个问题，我们可以使用 webpack 的 resolve.alias 功能，将 require 替换成浏览器可以识别的语法，例如：

// webpack.config.js
module.exports = {
  // ...
  resolve: {
    alias: {
      'require': 'requirejs/require'
    }
  }
}

这样，当我们在代码中使用 require 语法时，webpack 会将其替换成浏览器可以识别的语法，从而避免报错。