webpack配置

一个打包工具

npm install --save-dev webpack : 安装Webpack

npm install webpack webpack-cli --save-dev :此工具用于在命令行中运行 webpack

webpack 开箱即用，可以无需使用任何配置文件。webpack 会假定项目的入口起点为 src/indexjs ，然后会在 dist/mainjs 输出结果，并且在生产环境开启压缩和优化。

在packagejson文件中添加命令，然后通过npm run build即可运行打包

但是通常项目还需要继续扩展此能力，为此可以在项目根目录下创建一个 webpackconfigjs 文件，然后 webpack 会自动使用它。

也可以根据特定情况使用不同的配置文件，则可以通过在命令行中使用 --config flag 修改此配置文件名称。

每个html页面都有一个入口点，单页面应用：一个入口起点；多页面应用：多个入口起点

mode: "development" | "production" | "none";

。。。。。

（webpack 提供合理的默认值，但是还是可能会修改一些解析的细节）

条件的输入值由两种，

在条件中，对 resource 进行匹配的属性有 test / include / exclude / resource

在条件中，对 issuer 进行匹配的属性有 issuer

注：当使用多个条件属性时，需要同时满足，当属性条件为数组时，满足数据中的一个即可

可以对匹配规则的模块进行 应用loader 或者 解析选项对象

oneOf: RuleSetRule[];

rules: RuleSetRule[];

webpack配置示例：

前言

现实应用环境，会有使用vue开发多页面环境的需求，这些页面拥有共同的依赖，但是却又都是独立的，为了实现vue的多页面打包，可以使用webpack，同时又因为vue-cli自带了webpack，所以我们还可以采用vue-cli本身的配置文件进行多页打包 *** 作。

VUE3多页面打包

方式一：webpack配置

webpack安装参考：[安装 | webpack 中文网]。

直接在packagejson同级目录下创建webpackconfigjs(创建一个webpack的配置文件即可)，然后在配置文件内输入内容：

方式二：vue-cli配置

vue-cli目前已不提供vueconfigjs配置文件，但是我们可以手动在packagejson同级目录创建一个，创建成功后此文件将作为优先调用对象，结构与内容同webpack类似（其实就是内置的webpack配置），可参考官网配置解释：配置参考 | Vue CLI：

vue3多页面直接运行

使用vueconfigjs配置好后，直接使用npm run dev命令即可，对应vue的vue-cli-service serve，运行可根据pages定义的key值进行路由调用页面，key值为index那么调用格式就是/index,默认页面是index路由对应页面。如果采用webpack打包是无法直接运行多页面的，需要在打包后部署到服务器上。

xzjpanda

关注

微信聊天记录导出及年度报告软件使用方法 原创

2022-09-20 00:48:17

6点赞

xzjpanda

码龄10年

关注

（软件下载地址在文末！）

要想使用pdX_Wechat_Stats软件，首先要获取自己微信聊天记录的数据库。类比计算流体力学，我把导出微信聊天数据这个过程称为前处理，实现这个功能的商用软件有不少，但价格普遍高得离谱，一般只能导出一个账号，只能使用一年，只具备前处理功能，后续的分析图表也不能生成，不得不说是非常昂贵了。

那么如何避免落入这样低性价比的坑呢？当然是自己动手，丰衣足食了。其实我也可以在程序中帮助大家实现这个前处理的功能，但考虑到这样做有法律风险，可能会被别有用心的人诬告为非法获取用户信息，所以聊天记录导出这个前处理过程我就不在程序中写了，这里教大家用最简单的方法手动导出微信聊天数据库EnMicroMsgdb文件，之后解密数据库和分析制图的工作交给我写的pdX_Wechat_Stats软件就ok了！

一前处理

不论你的手机是Android还是iOS的 *** 作系统，想要获取root权限（苹果称为越狱）在现在各大品牌机上都变得不太可能（亲测华为和小米的旗舰机都不行），然而要想拿到EnMicroMsgdb数据库文件，就必须访问root权限才能开放的根目录。如果你手边正好有一台能够root的Android设备，比如老旧手机或者杂牌低配机，那你可以尝试把微信的聊天记录同步到那台设备上再访问。如果没有能够root的手机，我们就需要借助电脑上的安卓模拟器实现root的手机功能了。

注意这里有个很重要的条件：安装安卓模拟器的电脑必须带有摄像头，最好是你的笔记本。实在没有的话，也可以在手机上安装虚拟机，只要能够获取root权限即可！

这里以win10电脑上的Android模拟器为例，简要说明一下 *** 作步骤：

1    首先随便下载一个Android模拟器（比如雷电，夜神，逍遥等）

2    然后在模拟器的设置中打开root权限（如下图是雷电模拟器的设置截图）

图 1 模拟器设置root权限

3    在模拟器上安装微信，模拟器分辨率设置为手机形式的窄长型，注意不必着急登录，否则会把你正常手机上的微信踢下线。

图 2 模拟器安装微信

4    进入你平时正常使用的手机上的微信，点击设置à聊天à聊天记录备份与迁移à迁移à迁移到手机/平板微信

图 3 导出设置

图 4 导出设置

图 5 导出设置

图 6 导出设置

图 7 导出设置

5    选择聊天记录的时间和内容。内容强烈建议选择”不含/视频/文件”，否则迁移过程可能会非常慢。时间以你想统计的年月日跨度为准，可以导入几年或者几个月的，本程序都设计了智能识别的处理机制，但跨度超过2年以上的聊天记录可能数据量非常大，迁移过程可能会很慢，如果可能尽量选取跨度1年左右的聊天记录。另外必须强调的一点是最好不要迁移群聊的记录，尽量选取你认为有必要统计的好友的私聊记录，不要点击全选，否则软件可能会因为数据量过大而崩溃。本软件只统计私聊的内容，涉及群聊的会在程序内部自动删除，因此如果不小心选到了群聊的也不必担心软件出错，只要不是无脑全选各种聊天记录，本软件都能有效处理。

6    选择完成后点击迁移聊天记录，会出现如下的二维码，此时在电脑的模拟器上登录微信，用摄像头扫描该二维码即可开始同步。

7    同步完成后，在安卓模拟器的根目录/data/data/comtencentmm/MicroMsg/(一个32位字符串命名的文件夹中)中找到EnMicroMsgdb文件。这里的（32位字符串命名的文件夹）如果你只在模拟器上登陆过一个微信的话就只有一个，如果有两个这样命名的文件夹的话（如下图），那就每个都打开看看哪个文件夹中能找到EnMicroMsgdb。找到后将该db文件拷贝到电脑上。关于如何从安卓模拟器中复制文件到电脑文件夹中，每个模拟器 *** 作方法各不相同，请自行百度解决。比较好的建议是使用雷电模拟器的共享文件夹功能实现模拟器和电脑之间的文件传递。

8    获取手机IMEI码和你的微信uin值。具体 *** 作方法可以自行百度，每种安卓模拟器都会有显示IMEI值的地方，至于微信uin，也就是你真实的微信号，需要在安卓模拟器的根目录/data/data/comtencentmm/shared_prefs文件夹下找到auth_info_key_prefsxml文件拷贝到电脑中并用记事本打开，找到如下auth_uin文字，其中value后面跟着的就是你的uin码了，我的是8位，如果是负数则复制的时候一定要保留负号，每个人uin码的位数可能不一样。至此，前处理任务就算大功告成了。

二 后处理

1    根据下面或文末的连接下载pdX_wechat_stats文件夹（或者压缩包），并将其复制（或解压）到一个英文目录下，进入解压后的pdX_wechat_stats文件夹内，找到Wechat_StatsV1exe文件，退出各种杀毒软件后再双击打开（毕竟自己开发的小软件没给杀软交过路费），本软件没有后门，可以断网运行，不会窃取你的聊天记录上传。

百度网盘链接：>

提取码：6666

2    双击打开后需要耐心等待5-10秒左右，因为我在打包过程中设置了加密算法防止别有用心的人破解，所以需要自解密一会。

软件打开后首先会d出下图提示窗：

请认真阅读以后显示的每一个提示窗的文字！！！详细 *** 作的视频可以关注作者的B站账号后获取。

3    之后如果是第一次运行会提示注册，将显示的机器码，请复制并记录下该机器码，仔细阅读pdX_wechat_stats文件夹中的ReadMetxt文档，找到注册码的获取方法。

4    该注册码成功解锁后即可永久使用，不限微信号，不限时间，重装系统也不会失效！

5    之后如果是第一次使用，需要将前处理步骤中获取的EnMicroMsgdb这个数据库文件拷贝到Wechat_StatsV1exe所在的文件夹“pdX_wechat_stats”（以下简称程序文件夹）中，特别要注意，这个文件夹中的其他文件千万不要删或者随意重命名，否则程序很可能崩溃。

6    建议在打开软件前就把数据库文件拷贝到程序文件夹，如果拷贝正常那么下一步程序会显示如下界面，请你输入前处理步骤中获取的IMEI码和你的微信uin。

7    之后软件会自动帮你解密EnMicroMsgdb数据库文件，解密过程中会d出cmd的黑色窗口，不用理会但千万不要手动关闭，如果解密成功，会d出如下所示的提示，之后再次运行软件想要打开同一个数据库的话就不用二次解密了，软件会直接跳过解密步骤进入下一步，非常的方便。

8    如果想要分析另一个微信号或者新一段时间的数据库，在下图的提示中选择“解密新的”，之后按照d窗提示内容来做就行了，再次提醒大家注意认真阅读每个d窗的内容，不要着急点关闭，按照要求来 *** 作这里就不再赘述了。

9    解密成功后程序开始进入分析步骤，首先会让你选择你想统计的好友，这里选择All_friends的话最后生成的图表会比选择任何个人要多出6张排行榜，其他区别以及注意事项请仔细阅读窗口的提示文字！

10  以上好友列表的顺序是按照姓名拼音的顺序升序排列的，和ASCII码值的顺序类似，数字排在字母前面。如果你的好友太多，在列表中不好找到的话，可以点击Cancel转入手动输入界面，本程序也设计了相应的GUI接口，此处不再放图赘述。

11  选择完待分析的好友后，程序会让你输入你想要的命名，这个命名会体现在每一张图表的标题上，建议给你和待分析的好友都起一个短一点的名字（一般人名不要超过4个字），否则图表可能会因为标题过长而变形。

12  接着程序会在程序目录中（即pdX_wechat_stats文件夹）生成一个好友名字+_statistic命名的文件夹，并在其中导出你选择的好友的聊天记录为excel表格（名字为XXX_MsgTablexlsx），表格内容在前述的效果展示中已经描述过了。之后所有关于该好友的统计图表和word版报告都会导出到该文件夹中。

13  在word版报告的制作过程中，程序会提示你词云选项

14  请输入你想自定义的分词词典，该词典输入一次后会自动保存，再次运行程序会自动加载上次输入的词汇。如果不理解这个词典什么意思，建议百度jieba自定义词库。

15  请输入你不想在词云中显示的词汇，该词典输入一次后同样会自动保存，再次运行程序会自动加载上次输入的词汇。如果不理解这个词典什么意思，建议百度词云停用词。

16  稍等片刻，生成的两幅词云图会自动d出，你可以根据生成的效果选择是否满意，如果选择不满意想要修改词典，程序会返回第14步，你可以无限次修改，直到点击满意继续下一步为止。

17  考虑到舔狗指数对于和我一样的广大单身狗朋友们伤害性过高，本程序贴心的设计了可选展示，你可以在下图所示的选择框中自由选择展示与不展示舔狗指数在文字海报上。

18  word报告输出成功后会展示捐赠界面，还请各位帅气的小哥哥**姐大方一点，给我这样独立开发软件的爱好者一点坚持研究的激励。

19  最后如果你的电脑上安装了word2010以上的版本，程序会自动打开导出的word版年度报告，这个word也可以在第12步中提到的名字文件夹中找到并手动打开，此外该文件夹中还保存有分辨率足够满足论文发表要求的高清图（300dpi），有科研需要的朋友直接看英文名就懂了，此处就不科普了。

软件下载百度网盘链接：>

提取码：6666

文章知识点与官方知识档案匹配

Python入门技能树首页概览

210933 人正在系统学习中

打开CSDN APP，看更多技术内容

2022 Web 年鉴 — JavaScript 年度报告_小生方勤的博客

JavaScript打包工具现在有很多种选择,但我们最经常想到的一个还是Webpack。幸运的是,Webpack生成的JavaScript包含许多签名,我们可以很方便的检测网站生产环境的JavaScript是否使用Webpack打包。 使用webpack 打包 JavaScript 的网站 在1000个最受

继续访问

2022年有多少人使用微信_网络研究院的博客

微信是由科技巨头腾讯在中国开发的多功能消息传递、社交媒体和支付平台。 它从一个简单的消息传递平台开始,改进了它的功能,并添加了一个名为微信支付的移动支付功能。 微信支付在 2021 年记录了约 9 亿用户,预计到 2025 年将达到 25

继续访问

手把手教你生成你的独家微信聊天年度报告

大家好，我是机灵鹤。 今天是跟女朋友在一起 10 个月的纪念日，作为一名会 Python 的程序员，我决定将和女朋友的聊天记录导出来，生成一份专属于我们的《2021 恋爱年度报告》。 感兴趣的朋友也可以学起来。 废话不多说，直接进入正题。 0 导出聊天记录 由于破解微信聊天数据库的 *** 作相对比较敏感，感兴趣的朋友可以移步《》。 经过一系列 *** 作，我从微信数据库中导出了跟女朋友的聊天记录。 聊天记录数据表 messagecsv 格式如下。 其中，我们只需要关注以下几列即可。 type ：消息类型，如

继续访问

微信聊天记录导出和年度报告制作小软件

教你如何导出微信聊天记录并制作年度报告等统计图

继续访问

2022年轻人微信情商报告pdf-行业报告文档类资源-CSDN文库

基于微信小程序的点餐系统设计与实现开题报告pdf被C86下载,赚了40元 基于sobel算子和数学形态学的分水岭分割算法毕业设计被a10下载,赚了1积分 易语言511破解补丁(雪风版)被a70下载,赚了1积分 

继续访问

2022年企业微信生态研究报告pdf-行业报告文档类资源-CSDN文库

2022年企业微信生态研究报告docx 20220321-微信艾瑞咨询:2022年企业微信生态研究报告-49页pdf 20220321-微信艾瑞咨询:2022年企业微信生态研究报告-49页pdf 玩转“小程序 教育”裂变营销——知识圈CEO孙大伟为学而思做微信生态主

继续访问

一键导出微信所有聊天记录的小工具

本软件的惟一作用是把微信电脑版的聊天记录一键导出到表格上，每个人或者每个群的记录保存到一个表格中，方便备份和管理 并且如果您的语音是转过文字的，它也能把语音转文件的结果做为聊天文字转出来 同时可以把语音导出为MP3文件，随时可以在电脑上回放

继续访问

最新发布 (综述)微信聊天记录导出制作年度报告方法和相关软件

(综述)微信聊天记录导出方法和相关软件

继续访问

2022年微信分析报告docx_微信-行业报告文档类资源-CSDN文库

2022年城市大脑一网统管数据中台建设方案pptx 2022年城市大脑一网统管数据中台建设方案pptx 导入证书可以解决”无法建立到信任根颁发机构的证书链"问题。 解决”无法建立到信任根颁发机构的证书链",则导入相关证书。

继续访问

叮咚!请查收你的2022openGauss年度报告_openGauss社区的博客-CSDN博 

你在openGauss的点点滴滴,我们都已用心铭记 扫描下方二维码生成您与openGauss的年度记忆 新岁序开 共赴新程 愿您岁岁常欢愉 年年皆胜意 openGauss社区 本文分享自微信公众号 - openGauss(openGauss)。

继续访问

获取微信uin的方法

本篇文章给大家讲述了如何最快速的获取微信uin的方法，对此有需要的朋友可以学习下。

微信聊天记录查看、恢复2之uin为10位数字

微信 uin

继续访问

微信小程序获取用户信息流程(2022年版)_LeeBrook0的博客_微信

 开门见山地说,本文主要讲述微信小程序在2022年以后获取用户信息的主要方法,如果想要了解2022年之前微信小程序获取用户信息的相关知识或者是微信小程序之前这部分的设计思想的话,推荐博主的下面这篇博客给大家了解一下:微信小程序获取用户

继续访问

基于python的微信好友数据分析_python 微信好友特征数据分析及可视化

#微信好友特征数据分析及可视化# 1导包 *** 作from wxpy import import reimport jiebaimport numpy as npfrom scipymisc import imreadfrom wordcloud import WordCloudimport matplotlibpyplot as pltfrom pylab import mplimport p

继续访问

一文教会你导出微信聊天记录

破解微信数据库密码，用python导出微信聊天记录

继续访问

安卓wechat微信导出聊天记录

安卓wechat微信导出聊天记录 1、下载夜神安卓模拟器>

继续访问

导出微信聊天记录生成词云

获取聊天数据库、解密数据、导出聊天数据、生成词云总结

继续访问

微信聊天记录导出为电脑txt文件教程

本文的最终目的是将手机微信的聊天记录导出到电脑里，变成txt文本文件，然后对其进行分析。 网上有一些工具也可以完成这个功能，但是基本都是付费的。手动 *** 作的话，找了很多的博客，基本没有完全有效的。最终找到一篇很靠谱的教程： 小米手机提取微信聊天记录数据库 · Issue #1 · Heyxk/notes 本文基本参考这篇进行整理。 首先上我的githu

继续访问

苹果手机微信消息备份

最近发现手机聊天记录太多了，想删掉又担心有些重要的事情忘记，所以就找了一个备份流程，大家一起共享，如何导出iOS版微信的聊天记录？首先根据问题，我们需要明确一点： 导出的是苹果手机的微信聊天记录。 苹果手机搭载的是iOS系统，与安卓手机的Android系统不同的是iOS无法获取用户最高权限，众所周知，安卓手机只要在root之后就可以获取用户最高权限，对手机进行 *** 作。 不过导出iOS微信聊天记录，掌握方法和正确工具便可以轻松解决了。 方法一：微信功能备份聊天记录 登录PC端微信，打开手机微信同步

继续访问

python 将微信聊天记录生成词云

问题描述：将微信的聊天记录导出，生成词云，留作纪念。 先看效果： 非常多的哈哈哈 （◕ˇ∀ˇ◕）  第一步：导出微信聊天记录  将微信聊天记录导出成文档，知乎上有很多种方法，其中主要是两类，第一种是通过root手机，获取权限；第二种为通过Apple iTunes 备份。 这里选择第二类方法（小米note3不支持root），具体过程也较为简便，感谢知乎@hangcom提供的免费工具

继续访问

热门推荐 微信聊天记录数据提取并分析

项目背景： 公司有一部手机，这个手机专门用微信群拉客户的。手机里微信群聊天记录很多，想把这些聊天记录提取出来分析一下有用的信息。 查找一下 首先看一下有没有人之前做个这个项目，如果有的话就不用浪费时间开发了，果然找到一些 从电脑上提取微信聊天记录。 Python - 获取微信聊天记录（可以点击进入查看原作者文章） 从手机上提取聊天记录。 分别是在两个论坛上找到的两篇文章 1精益论坛 2安卓

继续访问

将微信数据提取为exel表格（2022年版）免root 保姆级教程

1将数据导出到电脑： 我们的微信数据记录在手机的文件夹中，为了保护隐私，微型软件给数据进行了加密处理，无法直接提取并转化。 我们需要借助备份软件来将微信数据备份成压缩包，并导出到电脑 （1）首推：MUI中的备份与恢复（缺点：仅限MUI系统） 打开设置——搜索备份与恢复——手机备份恢复——选择第三方应用程序和应用数据——选择微信——进行备份​将手机连接电脑（需打开文件传输模式）——找到手机所在硬盘——寻找目录\MIUI\backup\AllBackup\20220416_0139

继续访问

微信聊天记录数据分析

目录 一、项目背景 二、数据准备 三、数据预处理及描述性统计 四、数据分析 1聊天时间分布图 2高频词汇统计 3词云图展示 五、其它探索性分析 一、项目背景 2021年2月20日我和我女朋友第一次见面，之后开启了我们两个人的故事，时隔一年我想将我们的聊天记录提取出来进行简单的数据分析一下。微信里面有2021年4月20日至2022年2月20日的聊天记录，一共十个月的数据。 二、数据准备 在网上有许多文章关于可以找到关于

继续访问

微信聊天记录导出

本文将介绍如何将微信聊天记录导出为结构化数据

继续访问

记录导出微信聊天记录到硬盘的过程

本文记载了将微信聊天记录导出到电脑成html文件到过程

继续访问

菜鸟记录：安卓手机导出微信聊天记录

安卓手机导出微信聊天记录 [ios导出文末有文章，但没试过]大致流程！！第一步：安卓手机获取root权限(必须获取)一、备份聊天记录到电脑第二步：电脑安装手机模拟器第三步：获取聊天记录数据库 EnMicroMsgdb第四步：解密聊天记录数据库 大致流程！！ 第一步：安卓手机获取root权限(必须获取) 重点：模拟器(或手机)必须获取root权限！！！ 一、备份聊天记录到电脑 步骤1打开电脑版微信 左下角点击 “ 三个横 ”------>“备份与恢复” 选择“备份聊天记录至电脑 ” 打开手机

继续访问

微信年度报告怎么生成2022

写页面，大概都是这样的结构：

indexhtml

css

stylecss

js

indexjs

这样我们的html里直接引用css和js，完成一个网页应用。用webpack也类似，只是webpack把、css和js都编译打包成一个文件，我们只需要引用一个文件就可以了。

1我们需要先安装node环境。没安装的请自行安装

2在项目目录下输入npm init初始化一个node项目，输入项目名称等信息，完成后生成一个packagejson文件。

3在项目目录下安装webpack。

不好找，现在没有一些主流框架的开发经验不行了，像vue,angular等，ui框架,如ionic,iview等，nodojs，环境配置。webpack打包代码，appcloud打包，git代码管理，小程序开发等等都是现在前端的主要技术，就算不全面都要会大部分才行

解决webpack打包的文件体积过大的问题：

确实，每次打包从入口开始，会parse所有的依赖，多的时候竟然打包一次要2秒多，简直不能忍。然而，有几个解决方案，最有效的，是使用weboack的watch，只有文件md5变化时，才会重新打包，并且只parse有变化的文件，其他没变化的文件是使用缓存的。这样子，打包时间迅速降到200ms以内。 再优化下去的话，我们要知道webpack打包的过程中做了啥，首先是解析依赖啦，然后就是各种各样的loader。从解析依赖的角度入手，我们可以bower install一些打包好的文件，然后通过设置别名让依赖指向这个文件，这样就减去了第三方库的依赖解析时间。 然后各种各样的loader也是很耗时的，一种办法是在loader里面配include，让loader只针对特殊资源。

以上就是关于webpack配置全部的内容，包括:webpack配置、vue3多页面运行与打包、微信电脑端迁移聊天记录到模拟器雷电等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！