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

Posted 2020-11-19 小数点就是问题

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

资料