1.使用npm安装jsencrypt的包

npm install jsencrypt 

2.构建npm

打开微信开发者工具==》顶部导航栏的工具==》构建npm

3.微信开发者工具的本地设置进行配置

打开微信开发者工具==》顶部的详情==》本地设置==》允许将js编译成ES5

此时，编译就会出现Uncaught TypeError: Cannot read property ‘appName‘ of undefined 的问题。我查了很多博客解决这个问题。主要是查看了如下的博客

小程序加密jsencrypt.js使用 Uncaught TypeError: Cannot read property ‘appName‘ of undefined 已解决

此时，这个问题就解决了，但是又出现了 Cannot read property ‘crypto’ of undefined的问题。再系列的操作解决下来就很麻烦。主要的我、原因就是微信小程序很多东西不兼容。

在后面的查询中，我发现了一个可以快速解决上述问题的方法。查看到一篇文章解决了jsEncrypt.js不兼容小程序的问题。

就是修改安装的包的源文件。

4.修改安装的jsencrypt的.js和.min.js的源文件

修改后的源文件

打开链接==》打开其中的utils文件==》以及jsencrypt.js和jsencrypt.min.js文件。替换到上图安装的包的源文件中即可。

5.此时重新编译，再在页面中引入即可使用

import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'