Vue CLI为何不显示webpack配置

怎么Vue CLI 创建的项目没有webpack.config.js

Vue CLI 创建的项目默认不会直接暴露 webpack.config.js 文件，这是因为：

Vue CLI 的设计特点

• 抽象化配置 : @vue/cli-service 将 webpack 配置进行了抽象和封装
• 约定优于配置: 通过 vue.config.js(javascript:void(0)) 提供高级配置选项
• 零配置启动: 简化项目初始化流程

配置文件说明

• vue.config.js(javascript:void(0)): Vue CLI 项目的配置文件
• webpack 配置被内置在 @vue/cli-service 中
• transpileDependencies: true 用于转译依赖包

如何查看 webpack 配置

如果需要查看实际的 webpack 配置，可以使用以下命令：

bash

vue inspect > webpack.config.js

这样会生成完整的 webpack 配置文件供参考。

自定义 webpack 配置

在 vue.config.js(javascript:void(0)) 中可以通过 configureWebpack 或 chainWebpack 来扩展配置：

javascriptmodule.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    // 自定义 webpack 配置
  }
})