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

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

这是我的babel.config.js

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

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

这是我的vue.config.js

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

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

---

babel.config.js

配置babel

vue.config.js

配置vue

这是两件不同的事情。Babel将新的Javascript转换为旧的Javascript，以便旧的浏览器（尤其是IE11）能够理解它。Vue使用Javascript呈现DOM节点。它们协同工作，使javascript应用程序的运行变得简单

---

您可以在package.json中配置这两个包，正如@skirtle在注释中指出的那样，也可以将它们分开，以免混淆不同的配置。将来可能遇到的其他包的配置文件也是如此，如

postsss.config.js

，

eslint.config.js

，

tailwind.config.js

等。

如果您愿意，这两个文件都可以合并到

package.json

中。看到和