vue.config.js的基础配置及说明

const { defineConfig } = require('@vue/cli-service');//比原来以获得更好的类型提示
module.exports = defineConfig({
  publicPath: './', //部署应用包时的基本 URL 可填当前url子路径名，有时候可以填'./'  ''(使用基于 HTML5 history.pushState 的路由时；使用 pages 选项构建多页面应用时 不用'' './')
  outputDir: 'dist', //打包的文件名
  // transpileDependencies: true,//解决IE提示：SCRIPT1006: 缺少 ‘)‘ 例如['element-ui', 'crypto-js', 'core-js', 'axios']
  lintOnSave: true, //设置是否在开发环境下每次保存代码时都启用 eslint验证
  productionSourceMap: false,//设置生产环境的 source map 开启与关闭,上线时必须是false，开启的时候控制台能清楚看到代码打印具体行数并打包时js多一个.map文件
  chainWebpack: (config) => {
    // 项目中的图片小于10000字节，编译时自动编辑成base64，减少img请求次数  需安装url-loader插件
    config.module
      .rule('images') //images是vue默认的名字，和文件夹名字无关
      .use('url-loader')
      .loader('url-loader')
      .tap((options) => Object.assign(options, { limit: 10000 }));
  },
});

vue.config.js 的完整配置（超详细）！