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

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

Vue CLI 的设计特点

  • 抽象化配置: @vue/cli-servicewebpack 配置进行了抽象和封装
  • 约定优于配置: 通过 [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)) 中可以通过 configureWebpackchainWebpack 来扩展配置:

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

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐