美文网首页
Vue项目打包部署app.js过大问题

Vue项目打包部署app.js过大问题

作者: 极度嫌弃 | 来源:发表于2018-12-19 15:57 被阅读0次

    vue项目打包部署会生成2个js:vendor.jsapp.js

    vendor.js 引入的第三方库
    app.js 项目里自己写的所有代码的合集

    在项目过大或者项目存放了大量图片时,打包的时候会发现app.js太大影响项目一开始的加载速度。这个时候我们可以将部分页面用路由懒加载的形式实现。

    main.js

    //正常的实现路由方式:(打包的后会在app.js中)
    import Agreement from './components/agreement'
    
    //AMD风格的异步加载:(打包后不在app.js内,会生成单独的js文件)
    const Agreement = resolve => require(['./components/agreement.vue'], resolve)
    
    const routes = [
        { path: '/agreement', name: "agreementLink", component: Agreement },
    ]
    

    相关文章

      网友评论

          本文标题:Vue项目打包部署app.js过大问题

          本文链接:https://www.haomeiwen.com/subject/xvyjkqtx.html