mpvue 接入阿拉丁

重要的事说三遍
看官方文档
看官方文档
看官方文档

• static目录下存放ald-stat-conf.js和ald-stat.js
  注意目录，原因:webpack、ES6、CommonJS
• 编辑ald-stat-conf.js
• main.js中

import '../static/ald-stat';  // 在Vue之前引入阿拉丁

• 组件中接入事件功能

const app = getApp();
export default {
  methods:{
    onclick(){
      app.aldstat.sendEvent('用户点击了按钮');}
  }
}

• 控制台

  
  network
  query string parameters
  

  结束

---

其他

babel配置

• 安装es2015

> npm install --save-dev babel-preset-es2015

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "es2015",
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

• 安装transform-es2015-modules-commonjs

> npm i babel-plugin-transform-es2015-modules-commonjs

{
  "presets": [
    ["env", {
      "modules": "commonjs",
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime","transform-es2015-modules-commonjs"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}