vue-cli3中缺少的vue.config.js的配置项

最新推荐文章于 2025-10-11 19:30:31 发布

原创

最新推荐文章于 2025-10-11 19:30:31 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #js #jquery

本文详细介绍了Vue.js项目的配置，包括基础路径、输出目录、静态资产目录、HTML输出路径、文件名哈希、多页配置、ESLint、运行时编译器、依赖转译、生产环境与开发环境的差异化配置、CSS模块化、CSS提取、Sourcemaps、Webpack配置调整、DevServer设置、PWA配置以及第三方插件配置。深入理解这些配置将帮助开发者更好地管理和优化Vue项目。

module.exports = {
   
   
	// 基本路径
	baseUrl: process.env.NODE_ENV === 'production' ? './' : './',
	// 输出文件目录
	outputDir: 'dist', // 默认dist
	// 用于嵌套生成的静态资产（js,css,img,fonts）目录
	// assetsDir: '',
	// 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径
	indexPath: 'index.html', // Default: 'index.html'
	filenameHashing: true,
	// 构建多页时使用
	pages: undefined,
	// eslint