发表于 | 分类于 |

前言

在近期的一个Vue+Webpack前端项目中，遇到需要打开H5页面后，针对不同环境进行差异化访问埋点（如在微信中、在嵌入的客户端中埋不同的点）的需求。这里选择使用友盟cnzz来进行代码埋点和数据追踪统计，现在把遇到的坑和解决方案记录下来供大家参考。

基本配置

友盟cnzz封装umeng.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var umId = 1234567890;//这里填你的siteId
var umScript = document.createElement('script');
umScript.src = 'https://s95.cnzz.com/z_stat.php?id=' + umId + '&web_id=' + umId;
umScript.setAttribute('language', 'JavaScript');
document.head.appendChild(umScript);
var _czc = [];
umScript.onload = function () {
  //声明_czc对象
  var _czc = _czc || [];
  //绑定siteid
  _czc.push(["_setAccount", umId]);
  /* ... */
};

阅读全文 »

发表于 | 分类于 |

什么是Webpack

WebPack可以看做是模块打包器：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。

阅读全文 »