Vue项目打包配置

1. Vue打包过程成功后,在第dist文件的JS文件目录下会多出map的文件,这是打包时多余出来映射文件,所以需要配置新要求来改变,需要在项目文件的vue.config.js中配置

 productionSourceMap: false, //不保存源码映射文件(.map)

2. 打包后再页面中找不到资源,因为他的默认路径为"./",这时需要重新配置路径,以保证资源打包后不会出错

  publicPath: "./", //将打包后的资源全部设置为相对路径

3. 最后在项目文件的vue.config.js中配置效果如下:

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
  productionSourceMap: false, //不保存源码映射文件(.map)
  publicPath: "./", //将打包后的资源全部设置为相对路径
});