Vue.js 配置文件：如何创建和使用 vue.config.js

在使用 Vue.js 开发项目时，vue.config.js 文件扮演着重要的角色，它允许您自定义项目的构建和运行时配置。

使用 Vue CLI 创建项目

如果您使用 Vue CLI 创建项目，则会自动生成 vue.config.js 文件，您可以在其中进行配置。

手动创建 Vue 配置文件

如果您没有使用 Vue CLI 创建项目，则需要手动创建 vue.config.js 文件，并在其中进行配置。

配置文件示例

以下是一个示例 vue.config.js 文件：

module.exports = {
  publicPath: './', // 指定输出目录
  outputDir: 'dist', // 指定构建输出目录
  devServer: {
    port: 8080, // 指定开发服务器端口
    open: true // 自动打开浏览器
  }
};

常见配置项

• publicPath：指定构建后的资源路径。
• outputDir：指定构建输出目录。
• devServer：配置开发服务器选项。

更多配置选项

您可以通过官方文档查看更多配置选项： https://cli.vuejs.org/config/

通过配置 vue.config.js 文件，您可以根据项目的具体需求调整构建和运行时设置，提高开发效率和代码质量。