首页 > 其他分享 >通过ncc 打包unpkg 服务

通过ncc 打包unpkg 服务

时间:2024-02-25 10:12:06浏览次数:28  
标签:index unpkg package js server ncc 打包

默认unpkg 是基于rollup 构建的,构建之后还如果实际运行还是需要安装依赖的,基于ncc 是一个很不错的选择
可以实现all-in-one 这样实际运行以及docker 容器和会小很多,以下是一个简单说明

参考配置

主要是添加package script 以及依赖

  • package script
"scripts": {
    "build": "rollup -c",
    "ncc": "yarn build && ncc build server.js -o dist",
    "clean": "git clean -e '!/.env' -fdX .",
    "lint": "eslint .",
    "serve": "nodemon -w server.js server.js",
    "test": "jest",
    "watch": "rollup -c -w"
},
  • dev package
"@vercel/ncc": "^0.38.1",

构建以及使用

  • 构建
yarn ncc
  • 效果

  • Dockerfile
    这样的docker 镜像就会小特别多
FROM node:18.19.1-alpine3.19
WORKDIR /app
COPY dist/index.js /app/index.js
COPY public/ /app/public/
EXPOSE 8080
CMD [ "node","index.js" ]

说明

基于新方法的docker 镜像我已经push dockerhub 了,整体小了很多dalongrong/unpkg:http-env-v3 可以直接使用

参考资料

https://www.npmjs.com/package/@vercel/ncc
https://github.com/rongfengliang/unpkg

标签:index,unpkg,package,js,server,ncc,打包
From: https://www.cnblogs.com/rongfengliang/p/18032088

相关文章

  • Flutter 和 RN 的iOS 打包部署
    前沿现在科技的发展,现在多端适配已经成为趋势, 关于打包和发布的文字描述进入项目目录:在终端中切换到ReactNative或者Flutter项目的根目录。打开Xcode项目:打开Xcode并在菜单中选择File->Open,然后选择ReactNative项目中的.xcworkspace文件。步骤2:配置Build......
  • kkFileView文档在线预览项目在IDEA运行正常正常,打包jar提示找不到office组件,请确认'of
    2024-02-2413:36:58.530WARN17976---[main]ConfigServletWebServerApplicationContext:Exceptionencounteredduringcontextinitialization-cancellingrefreshattempt:org.springframework.beans.factory.BeanCreationException:Errorcreatingbeanwithn......
  • 记录pyinstaller 打包 pdfplumber 问题解决过程
    今天有一个pdf文件处理需求,使用pdfplumber库完成,python环境是3.11+win10pyinstaller5.10.1打包完成后,工具可以顺利打开,但是执行处理的时候报错File"pypdfium2_raw\bindings.py",line93,in<module>File"pypdfium2_raw\bindings.py",line83,in_register_library......
  • unpkg 淘宝registry 不能使用的问题
    以前修改过一个unpkg,可以支持本地私服部署,今天有一位网友在使用淘宝registry的时候发现有问题,会有重定向的问题造成不能使用原因分析尽管我们配置的是registry.npmmirror.com但是对于内容的下载npmmirror会使用另外一个域名cdn.npmmirror.com对于npm的tar.gz进行下载......
  • uniapp之原生APP本地打包成原生APP本地打包安卓APK
    前言由于项目要求将uniapp打包成安卓应用,所以今天来学习如何将uniapp项目打包成安卓apk。出于企业级代码安全考虑,所以选择了原生APP本地打包的方式进行打包,杜绝防止代码泄漏的风险。......
  • 02-21 记SpringBoot3 打包成exe的过程以及一些问题
    先说说基本流程:(Windows环境,springbootv3.2.1)1.首先mavenpom.xml中加入如下代码<build><plugins><plugin><groupId>org.graalvm.buildtools</groupId><artifactId>native-maven-plugi......
  • maven多环境打包部署
    1、多环境properties文件创建准备properties配置文件在application.properties中配置标识环境[email protected]@在SpringBoot中多环境配置文件名需要满足application-{profiles.active}.properties的格式,其中{profiles.active}对应你的环境标识。#环......
  • SpringBoot使用git-commit-id-maven-plugin打包
    简介git-commit-id-maven-plugin是一个maven插件,用来在打包的时候将git-commit信息打进jar中。这样做的好处是可以将发布的某版本和对应的代码关联起来,方便查阅和线上项目的维护。至于它的作用,用官方说法,这个功能对于大型分布式项目来说是无价的。功能你是否经常遇到这样的......
  • 记录一次grpc打包的坑
    GRPC打包的坑今天做的项目需要用到grpc,然后需要打jar包进行引用,打包的时候却失败了报了protocdidnotexitcleanly.Reviewoutputformoreinformation.--grpc-java_out:protoc-gen-grpc-java:Thesystemcannotfindthepathspecified.的相关错误很明显就是路径的问......
  • vite快速安装vue,及项目打包发布
    原文地址:https://mp.weixin.qq.com/s/xdEqyhfmW8P0R_wktymb3wvite快速安装vue,及项目打包发布1.下载、安装VScode,下载地址:https://code.visualstudio.com/2.下载、安装node.js,国内下载地址:http://www.nodejs.com.cn/3.创建空文件夹,用VScode打开,在左侧空白处点击鼠标右键,选择在......