babel.config.js 和 vue.config.js 有什么区别，我可以合并这两个文件吗？

Question

我使用 Vue cli 创建了这个应用程序。babel.config.js 已经在 cli 自动创建的目录中，但我添加了 vue.config.js 文件。这两个文件有什么区别，我可以合并它们吗？这令人困惑，因为它们都以“config.js”结尾，所以我认为它们可能有一些共同点。

这是我的 babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

这是我的 vue.config.js

module.exports = {
    devServer: {
        proxy: {
            '^/users': {
                target: 'http://localhost:5000',
                ws: true,
                changeOrigin: true
            },
            '^/api': {
                target: 'http://localhost:5000',
                ws: true,
                changeOrigin: true
            }
        }
    }
};

Answer 1

babel.config.js配置 Babel。vue.config.js配置 Vue。

这是两件不同的事情。Babel 将较新的 Javascript 转换为旧的 Javascript，以便较旧的浏览器（尤其是 IE11）可以理解它。Vue 使用 Javascript 来渲染 DOM 节点。它们协同工作使运行 javascript 应用程序变得容易。

正如@skirtle 在评论中指出的那样，您可以在 package.json 中配置这两个包，或者您可以将它们分开，以免混淆不同的配置。这同样适用于其他软件包的配置文件，你可能会在未来遭遇一样postcss.config.js，eslint.config.js，tailwind.config.js等。