vue中vue.config.js文件配置详解

最新推荐文章于 2024-08-08 22:20:54 发布

蜡笔大帅

最新推荐文章于 2024-08-08 22:20:54 发布

阅读量2.1k

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/jgujgu/article/details/126391777

版权

本文详细探讨了Vue.js项目的配置文件vue.config.js，涵盖了其核心配置选项，包括公共路径调整、模块打包路径、代理设置、多页面应用配置等，旨在帮助开发者更好地理解和定制自己的Vue项目。

摘要由CSDN通过智能技术生成

// const path = require('path');
module.exports = {
  /** 区分打包环境与开发环境
   * process.env.NODE_ENV==='production'  (打包环境)
   * process.env.NODE_ENV==='development' (开发环境)
   * baseUrl: process.env.NODE_ENV==='production'?"https://xxx":'',
   */
  // 项目部署的基础路径
  // 我们默认假设你的应用将会部署在域名的根部,
  // 例如 https://www.my-app.com/
  // 如果你的应用部署在一个子路径下，那么你需要在这里
  // 指定子路径。比如将你的应用部署在
  // https://www.foobar.com/my-app/
  // 那么将这个值改为 '/my-app/'
 
  //baseUrl: '/',//vue-cli3.3以下版本使用
  publicPath: '/',//vue-cli3.3+新版本使用
 
  // 构建好的文件输出到哪里
  outputDir: "dist",
 
  // assetsDir: "base" //静态资源打包地址
 
  //以多页模式构建应用程序。
  pages: undefined,
 
  // 是否在保存时使用‘eslint-loader’进行检查 // 有效值: true | false | 'error'
  // 当设置为‘error’时，检查出的错误会触发编译失败
  lintOnSave: true,
 
  // 使用带有浏览器内编译器的完整构建版本,是否使用包含运行时编译器的 Vue 构建版本
  runtimeCompiler: false,
 
  // babel-loader