Vue — 打包优化

1.默认情况下,打包好的文件需要房子啊服务器的根目录下，如果希望能够双击运行，需要配置pacblicPath为相对路径

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  publicPath :'./',
  transpileDependencies: true
})

2.路由懒加载：当打包构建应用时，默认会把所有应用的js打在一起，影响页面加载。我们可以吧不同路由对应的组件分割成不同的代码块，当路由被访问的时候才加载对应组件。

暂不展示的路由按需异步导入

// import Pay from '@/views/Pay.vue'
// import MyOrder from '@/views/MyOrder.vue'
const MyOrder = ()=>import('@/views/MyOrder.vue')
const Pay = ()=>import('@/views/Pay.vue')