首页 > 编程语言 >前端新手如何用vite构建小程序中使用的模块(以AES加密模块crypto-js为例)

前端新手如何用vite构建小程序中使用的模块(以AES加密模块crypto-js为例)

时间:2025-01-16 16:04:48浏览次数:3  
标签:AES 为例 crypto js build 模块 cjs vite

如果你只是想简单地把在vite项目中使用的模块引入到小程序中,不妨试试库模式。以crypto-js为例,你需要写两个JS文件:
一个是构建脚本,类似于vite.config.js;

// build.cjs
const {build}=require('vite'),
path=require('path');

build({
  publicDir:false,
  configFile:false,
  runtimeCompiler: true,
  build: {
    lib:{
      entry:path.resolve(__dirname,`crypto-js.js`), // 入口文件就是模块内容文件
      formats:['cjs'], // 格式一定要写cjs
      fileName:format=>'crypto-js.js' // 输出文件名,无关紧要,打包好后可以再改
    },
  }
})

一个是模块内容,vite会将它导出的default模块打包为小程序中的module.exports对象。

// crypto-js.js
import CryptoJS from 'crypto-js';
export default CryptoJS;

最后用node运行构建脚本即可:

node .\path\to\build.cjs

标签:AES,为例,crypto,js,build,模块,cjs,vite
From: https://blog.csdn.net/warmbook/article/details/145185120

相关文章

  • 深入浅出Node.js-5(Webpack模块打包工具)
    Webpack模块打包工具webpack_demo工程化从0-1配置完整版.rar本章节通过从0到1的方式来配置出一个【工程化】项目结构,让大家了解Node+Webpack是如何做工程化配置的。学完本章节后,你能知道工程化的基本原理,为将来使用vue的工程化开发打下基础Webpack基本概念Webpack 是一......
  • 运维自动化系统各模块介绍
    接触运维自动化系统开发好多年,也陆陆续续开发上线了不少的系统及功能模块,其中大部分独立的功能模块都能在我的文章中找到详细的介绍,但至今还没有写过一个比较全面的文章,来系统的介绍下整个运维自动化平台都包含了哪些系统及功能模块,最近正好在梳理文档,那这篇文章就来介绍下一个较......
  • 从 400G 到 1.6T:光模块的演进与创新
    随着数据中心、云计算和电信行业对更高带宽需求的不断增长,网络流量正在以指数级速度攀升。作为光通信系统关键组成部分的光模块,自100G发展至400G,再到800G、1.6T,一路见证了高带宽时代的飞速变革。本文将从光模块的带宽与外形尺寸演进、关键技术推动因素以及实现高速光模块的......
  • 【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优
    【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升章节内容【01】章节内容【01】vs-code配置flutter环境开发背景优雅草央千澈对本项目的描......
  • 【PCL】Segmentation 模块—— 平面模型分割(Plane model segmentation)
    1、简介PCL(PointCloudLibrary)中的平面模型分割(PlaneModelSegmentation)是一种从点云数据中提取平面结构的方法。它通过识别点云中符合平面模型的点集,将场景中的平面区域分割出来。1.1主要步骤选择模型:选择平面模型作为分割目标。采样点:随机选取点云中的点用于模型拟......
  • 碳化硅Mosfet &SiC Wafer &碳化硅功率模块 @助力AI电源领域
    AI服务器带动电源功率提升AI服务器的GPU、ASIC等芯片元器件性能和功耗水平都在提升,功率较普通服务器高6到8倍,电源的性能和需求也将同步提升。SiCMOS器件在AI电源中的应用优势‌高效能‌:SiC材料具有优良的电气性能和耐高温特性,大幅提高转化效率,降低能耗‌。‌高稳定性‌:在重......
  • HAL库-第五章-BH1750光强传感器模块、MPU6050陀螺仪、Dht11温湿度模块使用
    目录一、实验目的二、实验原理代码1-usart模块化代码serial_port.c serial_port.h三、实验步骤,代码与结果1.添加USART串口(1)在项目文件中添加serial_port.c以及serial_port.h,位置分别为Core_Src以及Core_Inc。(2)在keil中添加.c代码(3)在Drivers/CMSIS下修改stm32f1xx_h......
  • 医学图像分析工具08:BrainSuite || 用 BrainSuite 处理 MRI 数据的完整流程 模块化、图
    BrainSuite:强大的神经影像分析工具BrainSuite是另一个广受神经科学研究人员喜爱的神经影像学分析工具。与FreeSurfer类似,BrainSuite的设计目标是通过高效的算法和简洁的界面帮助用户处理和分析MRI数据,但它更注重提供模块化、直观的操作体验。接下来,我们将详细探讨Br......
  • pytorch算子调用过程:以rand算子为例
    通过pytorch的torch.profiler带调用栈采集运行过程可以看到如下信息,通过chrome://tracing查看,图上每个小条条表示一个traceEvent,json中的信息如下图所示,其中cat表示traceEvent的类型,有cpu_op,python_function等,前者表示torch的cpp代码中定义的操作,后者表示pytorch的python代码......
  • 了解Webpack:现代前端开发的静态模块打包器
            在现代前端开发中,Webpack已成为不可或缺的工具之一。作为一个静态模块打包器(modulebundler),Webpack通过分析和处理项目中的资源依赖关系,将它们打包成一个或多个bundle(捆绑包),这些bundle可以在浏览器中加载和执行。本文将详细介绍Webpack的概念、核心功能、安装......