电商网站的内容设计,小说网站首页模板,深圳网页设计网站制作,凡科建站怎么样场景#xff1a;我是小程序中使用wxmp-rsa库进行加密#xff0c;然后在html里面解密
我就想把wxmp-rsa库打包到一个js里面#xff0c;然后在html里面直接引入使用。 webpack配置
const path require(path);
const MiniCssExtractPlugin require(mini-…场景我是小程序中使用wxmp-rsa库进行加密然后在html里面解密
我就想把wxmp-rsa库打包到一个js里面然后在html里面直接引入使用。 webpack配置
const path require(path);
const MiniCssExtractPlugin require(mini-css-extract-plugin);
const CssMinimizerPlugin require(css-minimizer-webpack-plugin);
const HtmlWebpackPlugin require(html-webpack-plugin);module.exports {devServer: {//配置服务端口号port: 6010,// 打开热更新开关hot: true,//服务器的IP地址可以使用IP也可以使用localhosthost: localhost,//服务端压缩是否开启compress: true,//打开浏览器open: true,},// JavaScript 执行入口文件entry: ./node_modules/wxmp-rsa/dist/index.js,output: {// 把所有依赖的模块合并输出到一个 bundle.js 文件// filename: bundle.js,// 把输出文件都放到 dist 目录下path: path.resolve(__dirname, ./dist),library: JSEncrypt,libraryTarget: umd,libraryExport: default,globalObject: window,filename: jsencrypt.js,},// experiments: { outputModule: true },module: {rules: [{// 用正则去匹配要用该 loader 转换的 CSS 文件test: /\.css$/,use: [style-loader,// MiniCssExtractPlugin.loader,{loader: css-loader,},],},],},optimization: {minimizer: [new CssMinimizerPlugin()],minimize: true,},plugins: [new HtmlWebpackPlugin({template: ./src/index.ejs,}),],
};最主要配置 library: JSEncrypt 输出一个库为你的入口做导出。也就是可以直接在页面使用的变量名 libraryTarget: umd 将你的 library 暴露为 AMD 模块 libraryExport: default 指定哪一个导出应该被暴露为一个库。默认为 undefined将会导出整个命名空间对象 globalObject: window 当输出为 library 时尤其是当 libraryTarget 为 umd时此选项将决定使用哪个全局对象来挂载 library 如果不设置libraryExport: default那么我们使用时候就需要JSEncrypt.default
比如 const rsanew JSEncrypt.default();
如果我们设置了libraryExport: default那么就可以直接使用const rsanew JSEncrypt(); 其实我们可以直接使用cnd方式引入
script srchttps://cdn.bootcdn.net/ajax/libs/jsencrypt/3.2.1/jsencrypt.min.js/script
其实wxmp-rsa就是根据jsencrypt封装的所以可以直接使用jsencrypt进行解密。 网上查了老白半天也没找到正确姿势然后拉jsencrypt源码发现人家的webpack配置才明白。
