前端性能优化总结

1、利用es模块自动引入时的tree shaking功能

    //util.js
    export const aaa => {
        console.log('aaa')
    }
    
    export const bbb => {
        console.log('bbb')
    }
    
    //index.js(由于没引用bbb，所以打包时会自动shaking掉，从而减少代码体积)
    import { aaa } from 'util.js'  
    aaa()
    
    -----------------------------------------------
    //util.js(如果export出去的是一个完整的对象，则不会触发tree-shaking)
    export default {
        aaa: () => {
            console.log('aaa')
        }
    
        bbb: () => {
            console.log('bbb')
        }
    }
    
    //index.js
    import utrl from 'util.js'  
    utrl.aaa()