Release 1.14.13

Author: shengyonggen

CHANGELOG.md

@@ -1,3 +1,11 @@
+## 1.14.13（2021-07-9）
+1.  新增
+    - `$url_path` 设置为所有事件都有的预置属性
+2.  修复
+    - 修复页面浏览事件自定义属性值 `$title` 被覆盖问题
+3.  优化
+    - 可配置特定控件不采集全埋点点击事件逻辑优化
+
 ## 1.14.12（2021-06-26）
 1.  新增
     - 支持在微信小程序中跟内嵌 `H5` 打通

demo/kbone/README.md

@@ -0,0 +1,13 @@
+# vue-kbone
+
+基于 [kbone Vue 项目模板](https://developers.weixin.qq.com/miniprogram/kbone/docs/guide/quickstart.html#%E4%BD%BF%E7%94%A8%E6%A8%A1%E6%9D%BF%E5%BF%AB%E9%80%9F%E5%BC%80%E5%8F%91) 展示如何在 kbone 项目里使用神策微信小程序 SDK。
+
+参考官网[自定义 app.js](https://developers.weixin.qq.com/miniprogram/kbone/docs/guide/advanced.html#%E8%87%AA%E5%AE%9A%E4%B9%89-app-js-%E5%92%8C-app-wxss) 修改 webpack 配置文件，补上 app.js 构建入口
+
+SDK 相关代码详见 `src/app.js` 、`src/home/Index.vue` 
+
+
+```
+npm run mp
+```
+* 小程序端：使用开发者工具打开 dist/mp 目录即可。

demo/kbone/build/miniprogram.config.js

@@ -0,0 +1,57 @@
+/**
+ * 配置参考：https://wechat-miniprogram.github.io/kbone/docs/config/
+ */
+
+module.exports = {
+    origin: 'https://test.miniprogram.com',
+    entry: '/',
+    router: {
+        home: [
+            '/(home|index)?',
+            '/index.html',
+            '/test/(home|index)',
+        ],
+        other: [
+            '/test/list/:id',
+            '/test/detail/:id',
+        ],
+    },
+    redirect: {
+        notFound: 'home',
+        accessDenied: 'home',
+    },
+    generate: {
+        // 修改小程序入口
+        appEntry: 'miniprogram-app',
+        autoBuildNpm: 'npm',
+    },
+    app: {
+        backgroundTextStyle: 'dark',
+        navigationBarTextStyle: 'white',
+        navigationBarTitleText: 'kbone',
+    },
+	appExtraConfig: {
+        sitemapLocation: 'sitemap.json',
+	},
+    global: {
+        share: true,
+        windowScroll: false,
+        backgroundColor: '#F7F7F7',
+    },
+    pages: {},
+    optimization: {
+		domSubTreeLevel: 10,
+
+		elementMultiplexing: true,
+		textMultiplexing: true,
+		commentMultiplexing: true,
+		domExtendMultiplexing: true,
+
+		styleValueReduce: 5000,
+		attrValueReduce: 5000,
+	},
+    projectConfig: {
+        projectname: 'kbone-template-vue',
+        appid: '',
+    },
+}

demo/kbone/build/webpack.base.config.js

@@ -0,0 +1,106 @@
+const path = require('path')
+const eslintFriendlyFormatter = require('eslint-friendly-formatter')
+
+module.exports = {
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: path.resolve(__dirname, '../src/main.js'),
+  },
+  output: {
+    path: path.resolve(__dirname, '../dist/web'),
+    filename: '[name].js',
+    publicPath: '/',
+  },
+  module: {
+    rules: [
+      // eslint
+      {
+        test: /\.(js|vue)$/,
+        loader: 'eslint-loader',
+        enforce: 'pre',
+        include: [path.resolve(__dirname, '../src')],
+        options: {
+          formatter: eslintFriendlyFormatter,
+          emitWarning: true,
+        },
+      },
+      // vue
+      {
+        test: /\.vue$/,
+        use: [{
+          loader: 'thread-loader',
+        }, {
+          loader: 'vue-loader',
+          options: {
+            compilerOptions: {
+              preserveWhitespace: false,
+            },
+          },
+        }],
+      },
+      // ts
+      {
+        test: /\.tsx?$/,
+        exclude: /node_modules/,
+        use: [{
+          loader: 'thread-loader',
+        }, {
+          loader: 'babel-loader',
+          options: {
+            cacheDirectory: true,
+          },
+        }, {
+          loader: 'ts-loader',
+          options: {
+            appendTsSuffixTo: [/\.vue$/],
+            happyPackMode: true,
+          },
+        }],
+      },
+      // js
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [path.resolve(__dirname, '../src')],
+      },
+      // img res
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: path.posix.join('static', 'img/[name].[hash:7].[ext]'),
+        },
+      },
+      // media res
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: path.posix.join('static', 'media/[name].[hash:7].[ext]'),
+        },
+      },
+      // font res
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: path.posix.join('static', 'fonts/[name].[hash:7].[ext]'),
+        },
+      }
+    ],
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': path.resolve(__dirname, '../src'),
+    },
+  },
+  node: {
+    // 避免 webpack 注入不必要的 setImmediate polyfill 因为 Vue 已经将其包含在内
+    setImmediate: false,
+  },
+}

demo/kbone/build/webpack.dev.config.js

@@ -0,0 +1,86 @@
+const webpack = require('webpack')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.config')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+const portfinder = require('portfinder')
+const autoprefixer = require('autoprefixer')
+const {VueLoaderPlugin} = require('vue-loader')
+
+const devWebpackConfig = merge(baseWebpackConfig, {
+  mode: 'development',
+  devServer: {
+    clientLogLevel: 'warning',
+    historyApiFallback: {
+      rewrites: [{from: /.*/, to: '/index.html'}],
+    },
+    hot: true,
+    contentBase: false,
+    compress: true,
+    host: process.env.HOST || 'localhost',
+    port: +process.env.PORT || 8080,
+    open: true, // 自动打开浏览器
+    overlay: {warnings: false, errors: true}, // 展示全屏报错
+    publicPath: '/',
+    proxy: {},
+    quiet: true, // for FriendlyErrorsPlugin
+    watchOptions: {
+      poll: false,
+    }
+  },
+  module: {
+    rules: [{
+      test: /\.(less|css)$/,
+      use: [{
+        loader: 'vue-style-loader',
+      }, {
+        loader: 'css-loader',
+      }, {
+        loader: 'postcss-loader',
+        options: {
+          plugins: [
+            autoprefixer,
+          ],
+        }
+      }, {
+        loader: 'less-loader',
+      }],
+    }],
+  },
+  devtool: 'cheap-module-eval-source-map',
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: '"development"',
+      },
+    }),
+    new VueLoaderPlugin(),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NamedModulesPlugin(), // 开启 HMR 的时候使用该插件会显示模块的相对路径
+    new webpack.NoEmitOnErrorsPlugin(),
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'index.html',
+      inject: true,
+    }),
+  ],
+})
+
+module.exports = new Promise((resolve, reject) => {
+  portfinder.basePort = +process.env.PORT || 8080
+  portfinder.getPort((err, port) => {
+    if (err) {
+      reject(err)
+    } else {
+      devWebpackConfig.devServer.port = port
+      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
+        compilationSuccessInfo: {
+          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
+        },
+        onErrors: undefined,
+      }))
+
+      resolve(devWebpackConfig)
+    }
+  })
+})