webpack和vue的按需加载组件、console、抓包 -尊龙游戏旗舰厅官网

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其实是一款代理服务器，通过成为电脑或者浏览器的代理，然后截取请求和请求结果达到分析抓包的目的。

资料

 

转载于:https://www.cnblogs.com/zhangzhicheng/p/9211488.html

总结

以上是尊龙游戏旗舰厅官网为你收集整理的webpack和vue的按需加载组件、console、抓包的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得尊龙游戏旗舰厅官网网站内容还不错，欢迎将尊龙游戏旗舰厅官网推荐给好友。