码迷,mamicode.com
首页 > Web开发 > 详细

webpack和vue的按需加载组件、console、抓包

时间:2018-06-22 01:05:09      阅读:255      评论:0      收藏:0      [点我收藏+]

标签:无法   bpa   router   ports   vco   等等   out   ensure   求和   

1、webpack和vue的按需加载组件

webpack特有的懒加载文件的方式,很大的提升了webpack打包SPA应用的在性能方面。

而从webpack2以后require.ensure已经被import()替换。

const Recommend = (resolve) => {
  import(‘components/recommend/recommend‘).then((module) => {
    resolve(module)
  })
}

export default new Router({
  routes: [{
    path: ‘/recommend‘,
    component: Recommend
  }]
})

 

会返回Promise对象。

 

2、console

移动端测试是比PC端困难很多,因为没有控制台,很多错误信息都无法知道。

因为浏览器的差异问题,很可能出现一些方法不兼容或者别的问题,但没有控制台

报错,只能靠猜测与证实来定位问题,或者直接打印到后台里实现前端日志,但这些

都是很大的工作量,有可能直接就是一个项目,比如监控项目等项目工程,但有时这些

是很不现实的,因为耗费人员资源。

而可是使用vconsole等工具实现开发环境移动端打印控制台日志来查看问题等等。

资料

import vConsole from ‘vconsole‘

new vConsole()

 

3、charies抓包

Charles其实是一款代理服务器,通过成为电脑或者浏览器的代理,然后截取请求和请求结果达到分析抓包的目的。

资料

 

webpack和vue的按需加载组件、console、抓包

标签:无法   bpa   router   ports   vco   等等   out   ensure   求和   

原文地址:https://www.cnblogs.com/zhangzhicheng/p/9211488.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!