webpack配置打包优化

首先先在根目录下配置 vue.config.js 文件（注：这个文件名字是不能更改的必须是这个名字！！！）

一、新建vue.config.js,设置静态资源路径为’./’,否则打包后项目无法运行

module.exports = {
	publicPath: "./"
}

二、关闭生产环境下的SourceMap映射文件,包的大小减少80%

module.exports = {
	productionSourceMap: false,

}

三、进行跨域配置

module.exports = {
  devServer: {
   open: false, // 自动启动浏览器
   host: '0.0.0.0', // localhost
   port: 6060, // 端口号
   hotOnly: false, // 热更新

   overlay: {
      //  当出现编译器错误或警告时，在浏览器中显示全屏覆盖层
      warnings: false,
      errors: true
    },
    proxy: {
      //配置跨域
      '/api': {
        target: 'https://www.test.com', // 接口的域名
        // ws: true, // 是否启用websockets
        changOrigin: true, // 开启代理，在本地创建一个虚拟服务端
        pathRewrite: {