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、抓包的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。